il menu dovrebbe posizionarsi quasi al margine basso dell'head(come da commento)
in IE lo vede bene...in FF il margine 143px sembra che lo prenda da fuori l'head (dove invece si trova) spostando tutta la struttura
codice:
body {
margin:0px;
background:url(back.gif) repeat-x left 30px ;
}
.main{
margin:0 auto;
width:762px;
height:100%;
background:url(main.gif) repeat-y;
}
.head{
margin-top:20px;
background:#CC6600;
height:192px;}
.menu{
margin:143px 0 0 11px; /*margine alto per abbassare il menu*/
}
.menu li {
float:left;
list-style-type: none;
width:70px;
}
.menu ul {
margin:0px;
padding:0px;
}
.menu a:link, .menu a:visited{
text-decoration:none;
display:block;
color: #000000;
margin-top:3px;
background:#00224c;
height:35px;
}
.menu a:hover{
margin-top:0px;
height:38px;
codice:
<body>
<div class="main">
<div class="head">
<div class="menu">
<ul>
[*]aaaaa
[*]bbbbb
[/list]
</div>
</div>
</div>
</body>