Safari Browser Issue

[chronister]

I have created a table based layout (I know I know...   ) It displays fine in FF, IE6 & IE7 but does not display properly in Safari.

 

The problem is that one of my table cells (#leftNav) is not filling with the specified background color, and the background image is not sitting at the bottom of the cell properly. It seems that the color and bg image are only filling where there is content....

 

I have attached a screenshot of the problem area. The red box is the remainder of the table cell that is not filling with color properly. The HTML / CSS is VERY simple, so I am not sure why it doing this.

 

 

HTML

 

<table width="780" border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td valign="top" id="leftNav">
    	<a href="/index.php"><img src="/images/logo.jpg" width="234" height="167" alt="Logo" border="0" style="margin-bottom:15px;" /></a>
    
      <div id="navigation">
       ....... truncated to save space
      </div>

    </td>
    <td rowspan="2" valign="top" style="background-color:white;">
          CONTENT LOADS HERE.
    </td>
   </tr>
  </table>

 

 

CSS

 

#leftNav{
background:url(/images/navGrad.jpg) no-repeat bottom;
background-color:#260959; 
width:234px;
}

 

I validated the HTML and CSS on w3.or and it validates as XHTML 1.0 Transitional....

 

So anyone got any ideas why safari would do this??

 

Thanks for the help.

 

Nate

 

 

[attachment deleted by admin]