I'm trying to have a usable content area to the left of the logo, so am doing this:

  <div id="TopContent" runat="server">

  
[LOGO]

chuckle ... that worked!

I'll try again:

div id="LogoGroup"
  div id="TopContent" runat="server" /div
  div id="logo">[LOGO] /div
/div

#LogoGroup
{
    margin: 0;
    padding: 0;
    /* padding: 0px 0px 15px 20px; */
    background-color: #7B8AA5;
    height: 180px
}

#logo
{
    float: right;
    width: 760px;
    height: 170px;
 background-image: url("header_1_top.jpg");
 background-repeat: no-repeat;
 background-position: right bottom;
    padding: 10px 0 0 0;
}

#TopContent
{
    float: left;
    width: 23%;
    height: 170px;
    padding: 10px 0 0 0;
}

he he first post is great!

have you tried adding visible="false" to the Topcontent pane code as well as runat="server"

and try the logo as a % width as well - try them at 30% each to start with and see if they will 'play nicely' with each other