Problema lunghezza div

[marcello90]

Questo è il sito in questione...praticamente con Chrome non ho problemi, invece con IE il div contenitore cioe' quello che contiene il tutto è molto più lungo e non riesco a capire come mai.
Ecco il link del sito http://uploadjuve.altervista.org/Sito_gia/home.html

Questo e' il codice CSS incriminato:

#contenitore{ position:relative;
    z-index:0;
    behavior: url(ie-css3.htc);  
    background-color:white;
    color:yellow;
	height:1050;
	width:800;
	top:50px;
	
	
    
	 
	  }
	  
	  
#primo { position:relative;
left:140px; z-index:1;
    z-index:0; border: groove #FF3F00 0.3em;
    background-color:yellow;
    color:yellow;
	width:500; height:300;
	top:+110px;
	 margin:0 auto;
	  border-radius: 10px;}
	  
	  
	  
	  
	  #secondo { position:relative;
    z-index:0;
	left:-220;
     
    background-color:blue;
    color:yellow;
	width:309; height:80;
	top:-300px;
	 margin:0 auto;
	  border-radius: 10px;}
	  
	  
	  
	  
	  
	  #terzo { position:relative;
    z-index:0;
     border: solid white 0.3em;
    background-color:white;
    color:yellow;
	width:250; height:400;
	top:-300px;
	left:-260;
	 margin:0 auto;
	  border-radius: 10px;}
	
	
	
	
	 
	  #quarto { position:relative;
    z-index:0;
   
	 background: url(012_top.jpg);
    color:yellow;
	width:200; height:68;
	top:-780px;
	left:+250;
	 margin:0 auto;
	  border-radius: 10px;}
	
	
	
	
	
	
	 
	  #quinto { position:relative;
    z-index:0;
     border: solid white 0.3em;
    background-color:yellow;
    color:yellow;
	width:220; height:300;
	top:-480px;
	left:-260;
	 margin:0 auto;
	  border-radius: 10px;}
	  
	  
	  
	  
	   
	  #sesto { position:relative;
    z-index:2; 
	
    background-color: red;
    color:yellow;
	width:500; height:20;
	top:-860px;
	left:140;
	 margin:0 auto;
	  border-radius: 10px;}
	  
	  
	  
	   
	  #settimo { position:relative;
    z-index:0;
     border: solid red 0.3em;
    background-color:green;
    color:yellow;
	width:500; height:500;
	top:-740px;
	left:140;
	 margin:0 auto;
	  border-radius: 10px;}
	
	
	  
	  
	  
	  
	 #ottavo { position:relative;
    z-index:0;
     border: solid white 0.3em;
    background-color:green;
    color:yellow;
	width:220; height:265;
	top:-1000px;
	left:-260;
	 margin:0 auto;
	  border-radius: 10px;}
	
	  
	  
	  
		  
	 #nono{ position:relative;
    z-index:0;
     border: solid white 0.3em;
    background-color:green;
    color:yellow;
	width:760; height:60;
	top:-1000px;
	left:10;
	 margin:0 auto;
	  border-radius: 10px;}  
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	*{
	margin:0;
	padding:0;
	
}

body{left:-0px;
	top:0;
	background: #03C;
	color:#03C;	
	font:12px/18px Tahoma, Arial, Helvetica, sans-serif;	}
	#menu{ 
		width:206px;
		margin:15px;
		background:url(images/menu_012_bg.jpg) repeat-y;
		border-bottom:1px solid #d1d1d1;
	}
		#menu ul{
			list-style:none;
			background:url(images/menu_012_top.jpg) no-repeat;
			padding:15px 0;
		}
			#menu li{
				width:206px;			
				list-style:none;
				display:block;
				margin:10px 0;
				line-height:33px;
				height:33px;				
			}
				#menu li a{
					display:block;
					height:33px;
					text-transform:uppercase;
					font-size:11px;
					font-weight:bold;
					line-height:33px;
					padding:0 0 0 7px;
					text-decoration:none;
					color:#666;
					cursor:pointer;
					margin:0 0 0 15px;
				}
				#menu li a span{
					display:block;
					height:33px;
					line-height:33px;
					padding:0 106px 0 6px;
					color:#666;					
				}
					#menu li a:hover{
						display:block;
						background:url(images/menu_012_h_l.png) no-repeat left;
						height:33px;
						color:#fff;
					}
					#menu li a:hover span{
						display:block;
						float:left;					
						background:url(images/menu_012_h_r.png) no-repeat right;
						color:#fff;
						height:33px;
					}
				#menu li a.current, #menu li a.current:hover{
					display:block;
					height:33px;
					color:#fff;
					text-transform:uppercase;
					font-size:11px;
					font-weight:bold;
					background:url(images/menu_012_c_l.png) no-repeat left;
					line-height:33px;
					padding:0 0 0 27px;
					text-decoration:none;
				}
				#menu li a.current span, #menu li a.current:hover span{					
					display:block;
					float:left;
					background:url(images/menu_012_c_r.png) no-repeat right;
					height:33px;
					color:#fff;
					line-height:33px;
					padding:0 106 0 6px;
				}



	.contenitore {  
  -moz-border-radius: 15px; /* Firefox */  
  -webkit-border-radius: 15px; /* Safari and Chrome */  
  border-radius: 15px; /* Opera 10.5+*/  
  
  -moz-box-shadow: 10px 10px 20px #000; /* Firefox */  
  -webkit-box-shadow: 10px 10px 20px #000; /* Safari and Chrome */  
  box-shadow: 10px 10px 20px #000; /* Opera 10.5+*/  
  
  behavior: url(ie-css3.htc); /* hack Internet Explorer */  
}

[ildrago.com]

Secondo me così a occhio e croce, senza vedere il sorgente dell'html potresti:

1. impostare le altezze (height) e le larghezze (width) in px, e non lasciarle vuote; stesso discorso vale per i posizionamenti: specifica sempre che siano in px (o altra unità di misura)
2. controllare che tutti i div siano nidificati in #contenitore
3. togliere l'height:1050 da #contenitore, così da averla che si adatta in automatico
4. se il punto 3 non funziona, allora imspota height:auto in #contenitore
5. aggiungi anche overflow:hidden al #contenitore

Saluti

[marcello90]

Ho provato come dici tu ma purtroppo non cambia nulla...non mi resta che provare la cosa di inserire px a tutte le dimensioni ma non credo che influisca molto

[nomade_k]

Scusate l'off-topic ma ho notato questo

[...]
behavior: url(ie-css3.htc);

e vorrei sapere di cosa si tratta dal momento ch'è la prima volta che lo incontro.
E' una proprietà Css3?

[mrc]

eh si, direi che le unità di misura vanno impostate, altrimenti 1050 cosa? magari qualche browser interpreta lo stesso come pixel, ma gli altri?