Я не думаю, что ваша проблема связана с суперфишами или лежачими рыбами.Быстрый просмотр показывает, что <div id="title"> плавает влево, но плавания не очищаются между этим и <table id="menuHeader">.Таблица #menuHeader и, следовательно, <ul> расположены в Firefox рядом с #title, поэтому таблица не получает достаточной ширины, чтобы поплавки могли располагаться горизонтально.
Для быстрого взлома вы можете набить<br/> прямо перед #menuHeader:
<br /><table id="menuHeader">
, и вы должны увидеть, как проблема Firefox исчезнет.Тем не менее, вы должны явно очистить ваши поплавки где-то разумно после #title и до #menuHeader.Очистка между #header и #flashwrapper кажется подходящей:
<div id="header">
<!--...-->
</div>
<div style="clear: both;"></div>
<div id="flashwrapper">
<!--...-->
</div>
Возможно, вы также сможете использовать очистку overflow:hidden для этого, но я предпочитаю явную очистку, даже если она загрязняет мой HTMLс информацией о стилях.
А что касается отладки такого рода вещей, инспектор DOM в браузерах WebKit (таких как Chrome и Safari) просто потрясающий.DOM-инспектор Firebug также довольно хорош.В таком случае вы захотите использовать их одновременно.Инспекторы DOM, угадай работу, опыт и много ругательств - мои инструменты для выяснения подобных вещей.