strange prob in firefox

[frankieJr]

im having this strange prob, i've got a vertical menu on my site and this menu is a list of items arranged using ul attribue .. and styled with css using display: table-row;the prob is sometimes i get two items on the same row and when i refresh the page every thing works fine .. so i have to refresh the page each time in order the menu looks okay ... and this is only happening in firefox ....i tested the code on a local server and there's nothing wrong with it .. so i'm very sure that the prob isnt in the code .the unordered list is in a DIV and each li consist of an img and a text plus a span text , just like this :<li onMouseOver="this.style.backgroundColor='#6F6F6F'" onMouseOut="this.style.backgroundColor=''" ><img border="0" src="img.gif" width="32" height="38" alt="" align="left" style="margin-top: 4px; margin-left: 4px; margin-right: 7px"><b class="t">bla</b><br><span class="s">bla bla</span></li>CSS :// ul class:.items { display: table-row;}// span text:.t { margin-left:0px;}i also tried using width:100% on .items , but nth changedi appreciate any kind of help.

[ScottR]

A link to the page would help a lot. Based off of what you posted IMO I would ditch the display with table-row and display with block. the problem most likely is not firefox. What other browsers have you tried it in? And also just my opinion, I would ditch the javascript for changing color on mouse over and use css. No need to bother with JS with css will do the trick, more efficiently too.

li a {background-color: color;}li a:hover {background-color: color;}

hover pseudo-classGood Luck,Scott