CSS compatibile IE e FIREFOX

[z.cristiano]

Buonasera,
mi ritengo una piccola difficoltà che quando creo un CSS e su CHROME lo vedo bene, mentre su FIREFOX e INTERNET EXPLORER 11 lo vedo differenti ossia piccoli spostamenti e dismisura..

Come posso risolvere il problema?
Ho provato anche a mettere questo codice per Internet Explorer
<!--[if IE]>
<link rel="stylesheet" type="text/css" media="screen, projection" href="ie.css" />
<![endif]-->

NOn vedo nessun miglioramento, vedo diverso..
Cioè

Sul CSS normale ho scritto così
.logo {
width:960px;
height:105px;
background: url('../images/logo.png') no-repeat;
text-align:right;
padding-top:6px;
}

Mentre su IE.CSS ho messo la stessa cosa e ho anche provato a mettere così
.logo {
#width:960px;
#height:105px;
#background: url('../images/logo.png') no-repeat;
#text-align:right;
#padding-top:6px;
}



Lo stesso anche per Firefox, non va..
HELP

[Mich_]

Se usi una DTD transitional, o non hai messo il DOCTYPE, il box-model di IE e` diverso da quello degli altri browser.

Se per un browser standard metti
height:105px;
padding-top:6px;

Nel CSS per IE devi inserire
height:99px;
padding-top:6px;

E ricorda di mettere la chiamata al CSS per IE DOPO quella per i brwoser standard.


Se invece usi una DTD Strict, questa differenza non c'e`.