Premesso che è solamente una prova utilizzando il seguente codice:
codice:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML LANG="IT">
<HEAD>
  <TITLE> </TITLE>
  <META http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
	<META NAME=author CONTENT="Rinaldo Troiani">
	<META NAME =copyright CONTENT="Rinaldo Troiani">
	<META HTTP-EQUIV=pragma CONTENT="no-cache">
	<META name="robots" content="all,follow"> 
	<META name="revisit-after" content="15 days"> 
	<META NAME =description CONTENT="...">
	<META HTTP-EQUIV=keywords CONTENT="...">
	
	<style>
	body,html{
	width:100%;
	height:100%;
	padding:0px;
	margin:0 0 0 0;
	overflow:hidden;
	}
	#testa{
	width:100%;
	height:10%;
	padding:0px;
	margin:auto;
	text-align:center;
	background-color:#C0C0C0;
	}
	#spalla_sx{
	width:20%;
	height:85%;
	padding:0px;
	margin:auto;
	text-align:center;
	float:left;
	background-color:#990000;
	}
	#spalla_dx{
	width:20%;
	height:85%;
	padding:0px;
	margin:auto;
	text-align:center;
	float:right;
	background-color:#990000;
	}
	#corpo{
	width:100%;
	height:85%;
	padding:0px;
	margin:auto;
	text-align:center;
	background-color:#0099FF;
	}
	#piede{
	width:100%;
	height:5%;
	padding:0px;
	margin:auto;
	text-align:center;
	background-color:#C0C0C0;
	}
	/*MENU*/
	div.menu{
	width:100px;
	height:auto;
	padding:0px;
	margin:10px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	}
	div.testa_menu{
	width:100%;
	padding:0px;
	margin:auto;
	text-align:center;
	background-color:#FF9900;
	border:1px solid #FF9900;
	font-family:verdana;
	font-weight:bold;
	font-size:12px;
	}
	ul.menu{
	width:100%;
	padding:0px;
  margin:0px;
  float:left;
  text-align:justify;
	list-style:none;
	border:1px solid #FF9900;
	}
	li.menu{
	width:100%;
	padding:0px;
	list-style:none;
	display:inline; 
	}
	li.menu a:link, li.menu a:visited, li.menu a:active{
	width:100%;
	text-decoration:none;
	text-align:justify;
	color:#ffffff;
	font-family:verdana;
	font-weight:bold;
	font-size:12px;
	display:block;
	filter:blendTrans(duration=0.5);
	}
	li.menu a:hover{
	width:100%;
	text-decoration:blink;
	font-style:italic;
	text-transform:uppercase;
	text-align:right;
	background-color:#ffffff;
	color:#990000;
	font-family:verdana;
	font-weight:bold;
	font-size:12px;
	}
	</style>
	<script type="text/javascript">
	<!--
	function lite(obj) {
		 if(document.all&&!window.opera)
		 {
		  obj.filters.blendTrans.apply();
		  obj.filters.blendTrans.play();
		 }
	}
	//-->
	</script>
</HEAD>
<BODY>
<div id="testa"></div>
<div id="spalla_sx">
  <div class="menu">
    <div class="testa_menu">
    MENU 1
    </div>
    <ul class="menu">
    <li class="menu">Link
    <li class="menu">Link
    <li class="menu">Link
    <li class="menu">Link
    <li class="menu">Link
    <li class="menu">Link[/list]
  </div>
  <div class="menu">
    <div class="testa_menu">
    MENU 2
    </div>
    <ul class="menu">
    <li class="menu">Test
    <li class="menu">Test
    <li class="menu">Test
    <li class="menu">Test
    <li class="menu">Test
    <li class="menu">Test[/list]
  </div>
</div>
<div id="spalla_dx"></div>
<div id="corpo"></div>
<div id="piede"></div>
</BODY>
</HTML>
Non riesco a capire xkè, con firefox e compagnia, il secondo menu si sovrappone al primo mentre con IE è tutto regolare .

Sicuramente è una ca##ta ma non riesco a vederla....Qualcuno ha + occhio di me ???