CSS dropdown menu only showing last <li> item in Mozilla Firefox

[Alamo25 0]

CSS Menu is working fine in all other major browsers except for Mozilla 2.0.

 

http://www.victorsfood.com.au/index-new.shtml

 

Eg. For the 'About Us' menu it is only showing the dropdown 'Appearances' even though there are 8 other items that should come before it.

 

I've tried everything to fix this, even comparing the code line by line to the original version at http://www.cssmenus.co.uk/dropdown.html but had no success.

 

Please can anyone help?

 

I don't think the issue is css related.

 

></pre>
<ul>
Home


About Us



</ul>
<a href="aboutus.shtml" rel="">











</a><br><br><a href="food-adventures.shtml" rel="">Food Adventures

</a><a href="food-adventures.shtml" rel="">

</a><a href="food-adventures.shtml" rel="">






</a><a href="food-adventures.shtml" rel="">












</a><br><br><br><br><br><br><br><a href="intelligence.shtml" rel="">Food Intelligence

</a><a href="intelligence.shtml" rel="">








</a><br><br><br><a href="extras.shtml" rel="">Delicious Extras

</a><a href="extras.shtml" rel="">







</a><br><br><a href="contactus.shtml" rel="">Contact

</a><a href="contactus.shtml" rel="">





</a><br><br

[Wickham 8]

Mozilla 2.0 is, I think, an old browser, but if you are worried about it, try this alternative conditional comment:

 

 

where the IE7 and above comment

 

is separated from the non-IE comment

note the different start

 

the ! means not IE

Edited June 19, 2009 by Wickham