Double margin-top

[johngreek]

IE e stranamente anche firefox 2 mi raddoppiano il margin top, con ff3, safari e opera9.5 invece tutto regolare. Che posso fare per aggirare il problema?

Non si tratta del bug di IE che raddoppia il margin left/right nel caso di elemento float: left/right, il mio problema è per il top...

Grazie mille in anticipo

[johngreek]

up

[q-design]

sarebbe possibile avere un esempio di quello che intendi?

[johngreek]

Questo è il codice in questione, le istruzioni per il p.dx non vengono rispettate da IE, non ho ancora capito bene se mi raddoppia il margine o non me lo considera proprio:

<div id="destra">

<img src="immagini/ultimi.gif" alt="ultimi articoli"/>

<div class="contenuti">

<p class="dx"><a href="#">Beijing 2008: a poche ore dalla fine nuove medaglie per gli azzurri.</a></p>

<hr/>

<p class="dx"><a href="#">Beijing 2008: a poche ore d medaglie per gli azzurri.</a></p>

<hr/>

<p class="dx"><a href="#">Beijing 2008: a poche ore dalla fine nuove medaglie per gli.</a></p>

<hr/>

<p class="dx"><a href="#">Beijing 2008: a poche ore dalla fine nuove medaglie per gli azzurri.</a></p>

</div>

<img src="immagini/news.gif" alt="news"/>

<div class="contenuti">

<p class="dx"><a href="#">Beijing 2008: a poche ore dalla fine nuove medaglie per gli azzurri.</a></p>

<hr/>

<p class="dx"><a href="#">Beijing 2008: a poche ore d medaglie per gli azzurri.</a></p>

<hr/>

<p class="dx"><a href="#">Beijing 2008: a poche ore dalla fine nuove medaglie per gli.</a></p>

<hr/>

<p class="dx"><a href="#">Beijing 2008: a poche ore dalla fine nuove medaglie per gli azzurri.</a></p>

</div>

</div>

/* @group Dx */

#destra {

width: 13.3em;

float: right;

margin-top: 7em;

margin-left: 5em;

margin-right: 2em;

margin-bottom: 5.6em;

display: inline;

}

* hr {

border: 0;

color: #ffff33;

background-color: #ffff33;

height: 0.41em;

width: 100%;

}

.contenuti {

margin-top: 1.5em;

margin-bottom: 1.5em;

}

.contenuti a {

color: #000000;

text-decoration: none;

}

p.dx {

font-size: 1.25em;

margin-top: 0.6em;

margin-bottom: 0.6em;

}

/* @end */