CSS horizontal menu float problem

Floated divs makes shifts content in Firefox

[silverbytes]

Help! All working in IE but in Firefox, the horizontal menu makes the real content to appear at right, instead showing an horizontal menu and then at bottom the rest of content.

This is the css:

/* CSS Document */
#menua a.vmenu, #menub a.vmenu:link, #menua a.hmenu, #menua a.hmenu:link, #menub a.vmenu:visited, #menua a.hmenu:visited {
display:block;
height:1.6em;
background: url("kaosjs/fondonav.gif");
color:#FFFFFF;
text-decoration:none;
text-align:center;
line-height:1em;
font-family:Arial, Helvetica, sans-serif;font-size:0.7em;
padding-top:0.5em;
padding-bottom:0.3em;
padding-left:0.8em;
padding-right:0.4em;
margin-right:1px;
}
#menua a.hmenu:hover, #menub a.vmenu:hover {
/*background:#669933;*/
background: url("kaosjs/fondonav2.gif"); background-position:top left;
color:#fff;
font-family: Arial, Helvetica, sans-serif; color:#FFFF99;
background-color:transparent;
}
#menua a.hmenu:active, #menub a.vmenu:active {
/*background:#99CC00;*/
background: url("kaosjs/fondonav2.gif");
color:#FFFF99;
font-family: Arial, Helvetica, sans-serif;
}
#menua {height:5px; 
width:780px;
}
#menua:after{ content: "."; display: block; height: 0; clear: both; visibility:hidden;}
#menua a.hmenu, #menua a.hmenu:link, #menua a.hmenu:visited {
float:left;
}

[SuzyUK]

silverbytes..

a quick test using the CSS above shows no obvious problem, can you post the HTML structure for your menu and it's parent elements, e.g. is there more involved than just a div and links?

Suzy