<table width="90%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td class="headback_l"><img src="art/logo.gif" alt="Legacy Transformational Consulting Logo" width="239" height="118"></td>
<td width="100%" align="right" class="headback_r"><img src="art/head_text.gif" width="460" height="117"></td>
</tr>
<tr valign="middle">
<td colspan="2" class="backblack"><div><ul class="menu centered">
<li><a href="index.html">HOME</a></li>
<li><a href="products.html">PRODUCTS</a></li>
<li><a href="clients.html">CLIENTS</a></li>
<li><a href="A_who_we_are.html">ABOUT US</a></li>
<li><a href="links.html">LINKS</a></li>
<li><a href="contact.html">CONTACT US</a> </li>
</ul></div></td>
</tr>
</table>
The first table row works fine. The second displays the items vertically rather than horizontally. Worse, it sometimes it is okay, other times not. It is not a matter of screen width. The code in the classes is:
.backblack {
background-color: #000000;
}
and
.centered {margin:0 auto;}
plus
.centered a:visited {
color: #FFFFFF;
}
It always works fine in Firefox and I cannot figure out a constant in what makes it work only sometimes in IE. If you want to see the site it is www.legacytc.com.
I would be very grateful for anyone who sees the error in this.
Robert