[CSS] Problemi con Explorer

[hellf]

Ciao a tutti..premetto che sono nuoo dei css e che quind sono praticamente poco pratico, ma volevo sapere, perchè su firefox mi vengono visualizzate perfette allineate senza alcun problema, mentre su explorer mi da problemi?
vi inserisco il codice..ditemi se ho sbagliato qualcosa, perchè mi manca solo quello per finire

body,h1,h2 {
background-color: #ffffff;
color:#666666;
font-family: arial, helvetica, sans-serif;
font-size: 8pt;
margin:0;
padding:0;
}

a:link,a:visited {color: #06c; text-decoration:none;}
a:hover {color: #f60; text-decoration:underline;}
h1,h2,h3 {font-weight:bold;}

p {margin: 0 0 8px 0; color:#666666;}

.more {
text-align: right;
margin-bottom: 20px;
text-transform: uppercase;
font-size: 10px;
}

.more a {
text-align: right;
}

input.text {
font-family:Arial,Helv,sans-serif;
font-size:11px;
color: #628BC4;
background: transparent;
border: 1px solid #ccc;
font-weight: bold;
}

input.submit {
font-family:Arial,Helv,sans-serif;
font-size:11px;
font-weight: bold;
color: #06C;

background: transparent;
border-width: 0px;
}

input.login {
font-family:Arial,Helv,sans-serif;
font-size:11px;
color: #628BC4;
background: transparent;
border: 1px solid #ccc;
font-weight: bold;
}

h2 {
margin-bottom: 7px;
font-size: 11pt;
height: 20px;
background: url(naslov.gif) no-repeat;
padding-top: 3px;
padding-left: 5px;
color: #f60;
}

h2 a, h2 a:visited {
color: #f60;
}

h2 a:hover {
color: #06c;
text-decoration: none;
}

h3 {
margin-top: 15px;
margin-bottom: 5px;
}

.tabs {
text-align: right;
padding-left: 13px;
padding-right: 30px;
font-weight: bold;
}

#container {
width: 750px;
margin: auto;
padding-left: 12px;
padding-right: 10px;
background: #FFF url(pozadina.gif) no-repeat;
color: #333;
line-height: 130%;
}

#top {
height: 50px;
background: url(logo.gif) no-repeat left bottom;
margin-bottom: 5px;
padding-top: 20px;
font-size: 15pt;
color: #06C;
}

.podnaslov {
font-size: 8pt;
padding-left: 11px;
color: #808080;
}

.poslovni {
color: #808080;
}


#left {
float: left;
width: 125px;
}


#left a, #left a:visited {
display: block;
text-decoration: none;
height: 17px;
padding-left: 3px;
padding-right: 13px;
/*border-bottom: 1px solid #ccc;*/

}

#left a:hover {
text-decoration: underline;
background: #06c;
color: #FFF;
}

#right {
padding-right: 10px;
float: right;
width: 170px;
border-bottom: 1px solid #cccccc;
text-align:justify;
}

#content {
padding-top: 5px;
margin-left: 98pt;
margin-right: 200px;
padding-right: 2px;
max-width: 36em;
text-align:justify;
}

#footer {
margin-top: 8px;
margin-left: 135px;
margin-right: 240px;
padding-top:4px;
padding-bottom:4px;

color:#999999;
margin-bottom:10px;
text-align:right;
border-top: 2px solid #ccc;
}

[hellf]

se qualcuno sa dove sto sbagliando e mi può dare una mano per risolvere il problema sarò eternamente grato!!!!


pleaseee help!!!!!!

[TheBestNeo]

Prova a sostituire i padding coi margin.

[hellf]

Originariamente inviato da TheBestNeo
Prova a sostituire i padding coi margin.

cioè levare tutti i padding e usare i margin?

ex:

h2 {
margin-bottom: 7px;
font-size: 11pt;
height: 20px;
background: url(naslov.gif) no-repeat;
padding-top: 3px;
padding-left: 5px;
color: #f60;
}

diventa:


h2 {
margin-bottom: 7px;
font-size: 11pt;
height: 20px;
background: url(naslov.gif) no-repeat;
margin-top: 3px;
margin-left: 5px;
color: #f60;
}

[hellf]

uhm...mi sa che grazie alla dritta ho risolto =)

Grazie mille Neo=)))