Ciao a tutti; ho questo menu, tirato fuori dal DB tramite PHP e inserito nella pagina tramite due include

include($_SERVER['DOCUMENT_ROOT'].'includes/menus/publications_menu.php');
include($_SERVER['DOCUMENT_ROOT'].'includes/menus/topmenu.php');

In menu.php ci sono le prime 8 voci del menu
In publications_menu.php ci son le altre tre ( più burocratiche diciamo così )

Il problema è che solo con FIREFOX su Mac l'ultima voce va a capo...ed è fastidiosissimo.
Ho provato pure con firebug a capire quale fosse il problema ma non ho risolto...

quest il css del file menus.css
N.B. la regola ul#topmenu.bordered era applicata alle ultime tre voci, ma in questo modo tutte e tre le voci scendevano ( non a capo si noti, proprio scendevano graficamente più in basso rispetto alle altre...sempre solo con firefox/mac )

#topmenu-wrapper { width: 100%; height: 23px; background: url(/images/m2_bg.gif) repeat-x; border-top: 1px solid #fff; }
ul#topmenu { float:left; padding: 0; margin: 1px 0 0 0; line-height: 22px; list-style: none; }
ul#topmenu.bordered { float: right; border-left: 1px solid #fff; }
ul#topmenu li { display: inline; height: 100%; border-right: 1px solid #fff; }

questo quello del file topmenu.css

ul#topmenu { float:left; padding: 0; margin: 0; list-style: none; } ul#topmenu.bordered { border-left: 1px solid #CCC; padding-left: 12px; } ul#topmenu li { float: left; padding-right: 12px; }


chiedo illuminazione...