Problem z wyswietlaniem diva w IE

[krisslech]

Witam, looknijcie na stronke
http://www.tipografialeo.it/tipo.php, i wejdzcie do dzialu contattaci,

w firefoxie wszystko jest ok, ale w IE po przewinieciu zawartosci w dol pojawia sie szeroki odstep od dolu, czy ktos mi moze wytlumaczyc jak sie tego pozbyc????:)

oto kod stronki:

Kod: Zaznacz cały

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>

<style type="text/css">


#formularz{
       display:block;
       width:560px;
       height:380px;
       background-image: url('include/contact.jpg');
       padding: 0px 0px 0px 0px;
       font-size: 12px;
       font-weight: bold;
       font-family: times new roman,verdana;
       overflow:hidden;
       }
#gora {
       padding: 15px 0px 20px 15px;
       text-align:left;
       font-size: 18px;
       font-weight: bold;
       font-style: italic;
       width:95%;
       font-family: times new roman,verdana;
       }
#col1 {

       float:left;
       display:block;
       padding: 2px 0px 0px 0px;
       width:24%;
       text-align:right;
       height:140px;
       }
#col2 {

       display:block;
       float:right;
       padding: 2px 0px 0px 0px;
       width:72%;
       height:140px;
       text-align:left;
       display:block;
       }
#nazwa1 {
        display:block;
        height:38px;
        padding: 0px 0px 0px 0px;
       }
       
#wpis {
        display:block;
        width:300px;
        height:15px;
        background-color: #F0E4B6;
        font-style: normal;
        font-weight: bold;
        font-size: 10px;
        font-family: verdana;
        
       }
#dol {
       height:140px;
       width:98%;
       padding: 0px 0px 0px 0px;
       text-align:center;
       font-size: 14px;
       font-style: normal;
       clear:both;
       }      

</style>
</HEAD>

<BODY text="#000000">



<form action="tipo.php?go=email" method="post">
<div id="formularz">
        <div id="gora">
                Scrivici per informazioni o preventivi
        </div>
        <div id="col1">
                <div id="nazwa1">Nome e cognome/<br>ragione sociale:</div>
                <div id="nazwa1">E-mail:</div>
                <div id="nazwa1">Telefono:</div>
                <div id="nazwa1" style="height:18px;">Messaggio:</div>
        </div>
        <div id="col2">
               <input id="wpis" name="nazwa" id="komorka" maxlength="50" value=""><br />
               <input id="wpis" name="mailik" id="komorka" maxlength="50" value=""><br />
               <input id="wpis" name="telefon" id="komorka" maxlength="45" value="">
        </div>

       <div id="dol">
               <textarea style="background-color: #F0E4B6; font-weight: bold;font-size: 10px;font-family: verdana;" name="ask" cols=60 rows=6 wrap=soft></textarea><br /> <br />
               <input type="image" src="include/wyslij.jpg" alt="Invia">
        </div>

</div>

</form>


</BODY>
</HTML>

ta strona jest includowana do pliku ktory sklada sie z kilku divow:

Kod: Zaznacz cały

  <style type="text/css">

body {
       margin: 20px 0px 0px 0px;
       padding: 0px 0px 0px 0px;
       font-family: Times New Roman,verdana, arial, helvetica, sans-serif;
       font-size:14px;
       color: black;
       background-color:#f1f1f1;
       text-align: center;
       
       }
#content {
       height:500px;
       width: 700px;
       padding: 4px;
       margin-top: 20px;
       margin-bottom: 20px;
       margin-right: auto;
       margin-left: auto;        
       background: #950000;
       border: 4px solid #919191;
       text-align:left; 
       voice-family: "\"}\"";
       voice-family:inherit;
       width: 700px;
       }

#content2 {
       float: left;
       padding: 0px 0px 0px 0px;
       margin-top: 0px;
       border: 0px;
       overflow:auto;
       height:380px;       
       background: #666;
       width: 20%; 
       voice-family: "\"}\"";
       voice-family:inherit;
       width: 20%;
       overflow:hidden;
       text-align:center;
       }

#content3 {
       float: right; 
       padding: 0px 0px 0px 0px;
       margin-top: 0px;
       border: 0px;
       background: #666;
       width: 80%;
       height:380px;
       voice-family: "\"}\"";
       voice-family:inherit;
       width: 80%;
       overflow: auto;
       }

#top {
       margin: 20px 20px 0px 20px;
       padding: 0px;
       border: 0px solid #ccc;
       background: #666;
       height: 100px; 
       voice-family: "\"}\"";
       voice-family:inherit;
       height: 100px;
       background-image: url('include/tlo_01.jpg') 
       }
#down {
       clear:both;
       float:none;
       margin: 0px 0px 0px 0px;
       padding: 0px;
       height: 20px; 
       voice-family: "\"}\"";
       voice-family:inherit;
       height: 20px;
       overflow:auto;
       background-image: url('include/tlo_04.jpg');
       }

html>body #top {
       height: 100px; 
       }
html>body #down {
       height: 20px; 
       }

html>body #content2 {
       width: 20%; 
       }
html>body #content {
       width: 700px; 
       }
html>body #content3 {
       width: 80%;
       }

</style>