Ciao a tutti,
ho fatto una semplice pagina che ha un div contenitore e i div figli. Il mio intento era quello di mostrare la barra laterale con il contenitore alto max 132px..esempio:

codice:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Documento senza titolo</title>
</head>
<style type="text/css">
.test
	{
	height:132px;
	overflow:auto;
	border:#FFFFFF;
	border-style:solid;
	border-width:3px;	
	}
div.ItnServiceInstanceName
	{
	font-size:8pt;
	font-family:Verdana;
	color:#FFFFFF;
	background-color:#000000;
	line-height:22px;
	height:22px;
	border-style:dotted;
	border-width:0px 0px 1px 0px ;	
	border-color:#CCCCCC;
	padding:0px 0px 0px 12px;
	}
</style>
<body bgcolor="#FF9900">
<div id="AVXXX_Ebox_0" class="test">
	
	<div id="AVXXX_Ebox_0_0" class="ItnServiceInstanceName" style="position:relative;background-position:1px 50%;background-image:url(/images/ico_shellActive.gif);;background-repeat:no-repeat;">andrea@dominio.eu</div>	
	<div id="AVXXX_Ebox_0_1" class="ItnServiceInstanceName" style="position:relative;background-position:1px 50%;background-image:url(/images/ico_shellPending.gif);;background-repeat:no-repeat;">mioa@mio.net</div>	
	<div id="AVXXX_Ebox_0_2" class="ItnServiceInstanceName" style="position:relative;background-position:1px 50%;background-image:url(/images/ico_shellPending.gif);;background-repeat:no-repeat;">x1@aaa.xx</div>												
	<div id="AVXXX_Ebox_0_3" class="ItnServiceInstanceName" style="position:relative;background-position:1px 50%;background-image:url(/images/ico_shellPending.gif);;background-repeat:no-repeat;">x2@aaa.xx</div>	
	<div id="AVXXX_Ebox_0_4" class="ItnServiceInstanceName" style="position:relative;background-position:1px 50%;background-image:url(/images/ico_shellPending.gif);;background-repeat:no-repeat;">x3@aaa.xx</div>	
	<div id="AVXXX_Ebox_0_5" class="ItnServiceInstanceName" style="position:relative;background-position:1px 50%;background-image:url(/images/ico_shellPending.gif);;background-repeat:no-repeat;">x4@aaa.xx</div>	
	<div id="AVXXX_Ebox_0_6" class="ItnServiceInstanceName" style="position:relative;background-position:1px 50%;background-image:url(/images/ico_shellPending.gif);;background-repeat:no-repeat;">altro@dominio.eu</div>	
	<div id="AVXXX_Ebox_0_7" class="ItnServiceInstanceName" style="position:relative;background-position:1px 50%;background-image:url(/images/ico_shellPending.gif);;background-repeat:no-repeat;">altro22@dominio.eu</div>	
</div>		
</body>
</html>
Se guardate con FIREFOX, la visualizzazione è corretta, ma con IE7 i div figli escono dal loro padre...perchè?