Stupid little TD size problem

I'm simply having a problem with aligning a background image of a TD tag in my table. Here is the page that is the problem: http://www.t5studios.com/clients/gsj/ The table that is the problem are the "Quick Browsing" and "Author Login" panels on the left side.

Here is the example code I am using for one of the panels:

Code: Select all

<table width="182" border="0" cellspacing="0" cellpadding="0" align="center" style="border-style: solid; border-width: 1px; border-color: #CECECE">
        <tr>
	  <td align="left" valign="middle" height="30" style="background-image: url('images/smallpanelbg.gif'); padding-left: 10px;"><p class="panelheader">Quick Browsing</p></td>
        </tr>
        <tr>
          <td style="padding: 5px;" align="center">

It looks fine in IE, but that is only slightly satisfying. It doesn't seem to work in Mozilla, which is my default browser and the one I will never let go.

Here is a picture of what it looks like in my Mozilla browser (v 1.7.11):



Any help would be greatly appreciated. Thank you.


- Andrew[/img][/code]

err i dont see a problem....

what exactly do you mean?

I can't see any difference between IE and Opera (and I would expect there to be), so have you fixed this?