I have a module float problem between browsers - Joomla! Forum - community, help and support

i'm looking regarding different browsers loading top module in different places.
the site i'm working on is:
[url]http:aceswim.com/j_25[/url]

in firefox 16.0.2 in comes perfect, top menu in correct position , sub menus @ correct spacing.
when viewing in chrome or ie both come 70px high

code: select all

fusionmenu.css
.menutop {
    display: inline-block;
    line-height: 1em;
    list-style: none outside none;
    margin: 9px 0 -55px !important;
    position: relative;
}


if switch margin:
9px 0 -55px !important;

to
70px 0 -55px !important;

in chrome or ie, move module correct position, sub menus pushed down far.

any thoughts on how can fix this? or might causing browsers read code differently.

what version of joomla it?
did create template?
do have roknavmenu component installed that's required fusion menu work properly.
you have 5 nested div's menu. , each 1 has class assigned. maybe that's normal 'fusion menu' , maybe not???
it hard causes wrong display because not clear div's do.
it strange how mozilla knows how display rather chrome , ie wrong.
if have roknavmenu component installed try disable fusion menu , put joomla menu , check if div's still there.
if not there should maybe try seek "fusion menu" developer can understand how position , style it...
also can try disabling javascript in fusion , see happens.