TD bg image not showing :(

[Beeper]

Oddly, this shows in Dreamweaver but not in IE or Firefox?? I want to, later, make the table cells act as rolloevers so the gif works as a tab separater.

#tabcontent td {
 background-image:url(images/tab.gif);
 background-position:right;
 background-repeat:no-repeat;
}

<div id="tabContent">
    <table width="613" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td width="14%" align="center" bgcolor="#A8DFEC"><h2><a href="#" class="blue">Save properties</a> </h2>          </td>
        <br />
 		<td width="14%" align="center" bgcolor="#FF9900"><h2>Save <br />
 		  search </h2></td>
        <td width="14%" align="center" bgcolor="#A8DFEC"><h2>Property <br />
          alerts </h2></td>
        <td width="14%" align="center" bgcolor="#A8DFEC"><h2>Personal details </h2></td>
        <td width="14%" align="center" bgcolor="#A8DFEC"><h2>Subscriptions</h2></td>
        <td width="14%" align="center" bgcolor="#A8DFEC"><h2>Mortgage payments </h2></td>
        <td width="14%" align="center" bgcolor="#084887"><h2 class="style1">Register for <br />
          all services</h2></td>
        </tr>
    </table>
  </div>

[-Ox]

Hi,

the class is case sensitive, so if you call the style "tabContent" then you have to call it as tabContent in your div and not tabcontent

hope that helps...

Personal preference, I would use short hand for your background style IE:

background: #FFFFFF url(path/file.jpg) no-repeat right;

Hope that helps

/Ox

[Beeper]

thanks, I am getting useless in my old age

[-Ox]

No Problem you dont even want to know how many times I have done that :|