differenze tra internet explorer e firefox

[tiberi72]

ciao,
sto provando a realizzare delle pagine con CSS, ma non riesco a togliere delle differenze a seconda del browser che utilizzo.
Esempio ho creato una pagina html e se la visualizzo su internet explore 8 mi da questo risultato http://imageshack.us/photo/my-images/268/88459127.png/
su firefox 4 (o Chrome) invece il risultato e' questo:
http://imageshack.us/photo/my-images/137/21713571.png/

In poche parole i campi di "seccol", la colonna di destra, su ie vengono inseriti sotto a quelli di MainCol e non allineati come invece accade con firefox, quindi la colonna di destra con ie la scrive sotto a quella di sinistra e non alla stessa altezza

il codice css che inserisco e' questo:

/*************** Start Top Fixed Sections code *************************************/ * {   margin: 0; 	padding: 0; } h1, h2, h3, h4, h5, h6, p, pre, blockquote, fieldset, table, ul {   margin: 1em 0; } img { 	border: 0; } a:link { color: #006eab; text-decoration: none; border-bottom: none; } a:visited { color: #04527d; text-decoration: none; border-bottom: none; } a:hover { color: #0285cd; text-decoration: none; border-bottom: none; } span { color: #002337; } .clear { clear:both; } .clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } .clearfix {display:inline-block;} /* Hides from IE-mac \*/ * html .clearfix { height:1%; } .clearfix {display:block;} /* End hide from IE-mac */  body { font: 62.5%/1.6 Arial, Helvetica, sans-serif; background: url(img/bg.png) repeat-x top left #1f2331;  text-align: center; color: #33394d; } #header { height: 84px; width: 744px; margin: 0px auto; position: relative; } #logo { position: absolute; top: 18px; left: 12px; } ul#navBar { height: 84px; margin: 0px; padding: 0px; list-style-type: none; position: absolute; bottom: 0px; right: 0px; } ul#navBar li { float: left; display: block; width: auto; height: 84px; padding: 0px 0px 0px 1px; } ul#navBar li a:link, ul#navBar li a:visited { float: left; display: block; width: auto; margin: 0px; height: 34px; padding: 25px 10px;  text-decoration: none; font-weight: normal; background: url(img/nav_bg.png) repeat-x top left; font-family: Cambria, "Times New Roman", Georgia, Times, serif; font-size: 1.8em; color: #ededed; border: none; } ul#navBar li.current a:link, ul#navBar li.current a:visited { background: url(img/nav_hover.png) repeat-x top left; } ul#navBar li a:hover { color: #fff; text-decoration: none; background: url(img/nav_hover.png) repeat-x top left; border: none; } #welcomeMessage{ height: 215px; width: 874px; margin: 0px auto; padding: 25px; position: relative; background: url(img/mondo.jpg) no-repeat 90% 90%; text-align: left; } h1 { margin: 0.7em; font-size: 2.2em; font-weight: normal; font-family: "Trebuchet MS", Verdana, Arial, sans-serif; color: #33394c; } #welcomeMessage p { margin: 0.5em 0.5em 0.5em 3em ; width: 520px; padding: 0em; font-size: 1.6em; font-family: "Trebuchet MS", Verdana, Arial, sans-serif ; color: #494949; line-height: 1.4em; } /*************** End Top Fixed Sections *************************************/ /*************** Start Content Section *************************************/ #wrapper { width: 994px; margin: 0px auto; padding: 0px; background: url(img/content_bg.png) repeat-y top left; } #secWrapper{ width: 994px; margin: 0px auto; padding: 20px 0px 0px 0px; background: url(img/content_top.png) no-repeat top left; } #container { width: 964px; margin: 0px auto; padding: 0px 15px 30px 15px; background: url(img/content_bottom.png) no-repeat bottom left; } #mainCol { width: 644px; float: left; margin: 0px; padding: 0px; text-align: left; } #mainCol .servizi { position: relative; /* background: url(img/service_bg.jpg) no-repeat top left; */ width: 643px; padding: 6px; padding-top: 6px; height: 90px;  margin-bottom: 0px; }  .servizi h3 { font-size: 18px; color: #112638; font-weight: normal; margin: 0px; padding: 0px; font-family: Cambria, Georgia, "Times New Roman", Times, serif; position: absolute; top: 10px; left: 20px; } #mainCol .servizi ul { list-style-type: none; margin: 0px; padding: 0px; } #mainCol .servizi ul li { float: left; display: block; width: 180px; height: 80px; padding: 5px; margin: 0px 8px 0px 15px; text-align: left; } #mainCol .servizi ul li h4 a:link { margin: 0em 0; font-size: 14px; color: #000000; font-weight: bold; margin: 0px; padding: 0px; font-family: Cambria, Georgia, "Times New Roman", Times, serif; border-bottom: 0px; }  #mainCol .servizi ul li h4 a:visited { margin: 0em 0; font-size: 14px; color: #4B4B4B; font-weight: bold; margin: 0px; padding: 0px; font-family: Cambria, Georgia, "Times New Roman", Times, serif; border-bottom: 0px; }   #mainCol .servizi ul li p { color: #414141; font-size: 12px; margin: 2px; padding: 0px; text-align: left; }  #mainCol ul#maincon { border: 1px solid #cde1f5; margin: 0px; padding: 6px; width: 625px; list-style-type: none; background: url(img/main_col_bg.png) no-repeat top left #f8fcff; } #mainCol ul#maincon li { width: 625px; padding: 5px 0px 10px 0px; margin: 0px 0px 5px 0px; border-bottom: 1px dotted #aeaeae; } #mainCol ul#maincon li.last { border: none; } #mainCol ul#maincon li img { width: 153px; height: 117px; padding: 1px; margin: 6px 0px 0px 0px; float: left; border: 2px solid #cde1f5; } #mainCol ul#maincon li h2 { font-size: 18px; color: #34394e; font-family: Cambria, Georgia, "Times New Roman", Times, serif; font-weight: normal; padding: 0px; margin: 0px 0px 0px 170px; } #mainCol ul#maincon li p { font-size: 13px; color: #4d4d4d; margin: 0px; padding: 0px; margin-left: 170px; } #secCol { width: 320px; float: right; margin: 0px; padding: 0px; text-align: center; } fieldset#login { background: url(img/login_bg.png) no-repeat top left; margin: 0px auto; padding: 5px 5px 5px 5px; width: 276px; height: 199px; font-size: 1.4em; border: none; position: relative; left: 15px; } #login h4 { font-size: 18px; font-weight: normal; font-family: Cambria, Georgia, "Times New Roman", Times, serif; width: 246px; height: 31px; padding: 4px 0px 0px 30px; margin: 0px; text-align: left; } #login form { height: 95px; width: 276px; padding: 10px 0px 0px 0px; margin: 0px; } #login p { width: 276px; margin: 0px; padding: 0px; font-family: Arial, Helvetica, sans-serif; } #login form p label { text-align: left; margin-left: 0.5em; float: left; font-size: 14px; } #login form p.check { padding-left: 77px; width: 199px; height: 23px; } #login #remlabel { float: left; font-size: 12px; position: relative; left: -3px; } #login #remember { float: left; width: 14px; height: 14px; margin: 0px; padding: 0px; position: relative; top: 3px; } #login #submit { background: url(img/login.png) no-repeat top left; width: 77px; height: 27px; cursor: pointer; border: none; float: right; } #login #username, #login #password { background: url(img/input_bg.png) no-repeat top left; border: 1px solid #d0d0d0; width: 192px; height: 19px; padding: 2px; color: #222222; font-size: 14px; float: right; margin-bottom: 10px; } #login p.member { text-align: left; width: 270px; font-size: 11px; font-family: Arial, Helvetica, sans-serif; margin: 2px 2px 0px 2px; padding: 2px; line-height: 18px; } h3#news, h3#test, h3#why { position: relative; left: 21px; background: url(img/latest_bg.png) no-repeat top left; width: 309px; text-align: left; height: 33px; padding: 3px 5px 3px 25px; margin: 0px; margin-top: 10px; color: #fff; font-size: 18px; font-weight: normal; font-family: Cambria, Georgia, "Times New Roman", Times, serif; } h3#test { background: url(img/test_bg.png) no-repeat top left; } h3#why { background: url(img/why_bg.png) no-repeat top left; width: 304px; position: relative; left: -20px; padding: 3px 5px 3px 30px; } #secCol ul { position: relative; left: 15px; border: 1px solid #d0d0d0; border-bottom: none; list-style-type: none; width: 305px; margin: 0px auto; margin-bottom: 10px; padding: 0px; text-align: left; } #secCol ul li { display: block; margin: 0px; padding: 5px; width: 295px; background: url(img/side_col_bg.png) repeat-x top left #fff; border-bottom: 1px solid #d0d0d0; } #secCol ul li h4 { font-size: 14px; font-weight: normal; margin: 0px; padding: 0px; } #secCol ul li span { color: #6b6b6b; font-weight: bold; } #secCol ul li p { color: #4d4d4d; font-size: 12px; margin: 2px; padding: 2px; } #secCol ul li a.more:link, #secCol ul li a.more:visited, #secCol ul li a.more:hover { background: url(img/arrow.png) no-repeat center left; margin: 0px 0px 0px 200px; padding: 0px; display: inline; padding-left: 12px; border: none; text-decoration: underline; font-size: 12px; text-align: right; } #secCol ul li a.more:hover { text-decoration: none; } #secCol ul li p.test { text-align: right; } #footer { width: 994px; margin: 5px auto; font-size: 12px; color: #d9d7d7; padding: 0px; } #footer p { margin: 2px; padding: 2px; font-size: 12px; font-family: arial; } #footer ul { list-style-type: none; display: inline; } #footer ul li { display: inline; } #footer ul li a:link, #footer ul li a:visited { border: none; color: #d9d7d7; text-decoration: underline; }  #footer ul li a:hover { color: #fff; text-decoration: none; } #htmltagcloud{ 	font-size: 100%; 	width: auto;		/* auto or fixed width, e.g. 500px   */ 	font-family:'lucida grande','trebuchet ms',arial,helvetica,sans-serif; 	margin:1em 1em 0 1em; 	border:0px; 	padding:2em;  } #htmltagcloud{line-height:2.4em;word-spacing:normal;letter-spacing:normal;text-transform:none;text-align:justify;text-indent:0} #htmltagcloud a:link{text-decoration:none; border-bottom: 0px;} #htmltagcloud a:visited{text-decoration:none} #htmltagcloud a:hover{color:white;background-color:#05f} #htmltagcloud a:active{color:white;background-color:#03d}.wrd{padding:0;position:relative}.wrd  a{text-decoration:none}.tagcloud0{font-size:1.0em;color:#ACC1F3;z-index:10}.tagcloud0  a{color:#ACC1F3}.tagcloud1{font-size:1.4em;color:#ACC1F3;z-index:9}.tagcloud1  a{color:#ACC1F3}.tagcloud2{font-size:1.8em;color:#86A0DC;z-index:8}.tagcloud2  a{color:#86A0DC}.tagcloud3{font-size:2.2em;color:#86A0DC;z-index:7}.tagcloud3  a{color:#86A0DC}.tagcloud4{font-size:2.6em;color:#607EC5;z-index:6}.tagcloud4  a{color:#607EC5}.tagcloud5{font-size:3.0em;color:#607EC5;z-index:5}.tagcloud5  a{color:#607EC5}.tagcloud6{font-size:3.3em;color:#4C6DB9;z-index:4}.tagcloud6  a{color:#4C6DB9}.tagcloud7{font-size:3.6em;color:#395CAE;z-index:3}.tagcloud7  a{color:#395CAE}.tagcloud8{font-size:3.9em;color:#264CA2;z-index:2}.tagcloud8  a{color:#264CA2}.tagcloud9{font-size:4.2em;color:#133B97;z-index:1}.tagcloud9  a{color:#133B97}.tagcloud10{font-size:4.5em;color:#002A8B;z-index:0}.tagcloud10  a{color:#002A8B}.freq{font-size:10pt !important;color:#bbb}#credit{text-align:center;color:#333;margin-bottom:0.6em;font:0.7em 'lucida grande',trebuchet,'trebuchet ms',verdana,arial,helvetica,sans-serif}#credit  a:link{color:#777;text-decoration:none}#credit  a:visited{color:#777;text-decoration:none}#credit  a:hover{color:white;background-color:#05f}#credit  a:active{text-decoration:underline}

Premetto che se inserisco online su Altervista la pagina che visualizzo localmente, riesco a visualizzarla correttamente anche con Internet Explorer
Cosa sto sbagliando?

[Prill]

Difficile dirti cosa sbagli da un css (che per la verità non ho guardato perché risulta illeggibile disposto com'è su un'unica riga) e due screenshots, servirebbe piuttosto il codice completo della pagina o vederla direttamente da un link. Se però è tutto a posto in rete e il problema è solo in locale, viene da chiederti se hai script o contenuti bloccati da Explorer in locale che determinano la diversa visualizzazione