why does firefox not like this

firefox vs ie css

[olsilver]

<style>
.menu { backgound-color:#000066; }
.menu tr { height: 24; }
.menu td { font-weight: bold; font-size: 14px; cursor: pointer; color: #ffffff; line-height: 16pt; text-align: center; width: 100%; }
.menu a { display: block; width: 100%; color: #ffffff; text-decoration: none; }
.menu a:hover { font-size: 14px; background-color: #000066; color: #cccc00; }

.menux { backgound-color:#000066; }
.menux tr { height: 24; }
.menux td { font-weight: bold; font-size: 14px; color: #cccc00; font-style: italic; line-height: 16pt; text-align: center; width: 100%; }
</style>

<span class="menux">
<tr><td>&nbsp</td></tr>
</span>

<span class="menu">
<tr>
<td>
<a href="home.htm">Home</a>
</td>
</tr>
</span>

<span class="menux">
<tr>
<td>
Dial-Log Main
</td>
</tr>
</span>

<span class="menu">
<tr>
<td width="100%">
<a href="dlg_business.htm">Business</a>
</td>
</tr>
</span>

[abbeyvet]

.menu tr { height: 24; }

24 what? Don't know if that's the issue.

I am not sure you can have table rows inside a span - can you?

It is a very longwinded way of doing a menu - a list would be easier. Take a look at 'listamatic' for examples.

[doodlebee]

No...you can't use CSS stuff like this. You can't break a table up, separating cells with spans (or divs for that matter). That's like going table based and making a table where every <td> cell has a <p> tag wrapped around it. You can put <span> *inside* of table cells, but you can't wrap entire rows with them, separating the entre table. That's just messed up.

I' agree with the other poster - if you want a CSS menu, use CSS. Drop the tables and use lists.