bug ridicolo IE 6.0 (margin-left + float) ?

[Cerebro]

Di bug ne ho visti tanti ai bastioni di Orione di IE ma l'ultimo in cui mi sono imbattuto spicca sugli altri per originalità.

Se ne siete a conoscenza, spero che possiate aiutarmi a risolverlo in maniera differente da come ho fatto adesso, ovvero tramite PHP :|

Il bug:

voglio allineare orizzontalmente 1,2, o più DIV con il seguente, semplice, codice:

CSS:

div.cell{
 width:100px;
 margin-left:10px;
 float:left;
}

HTML:

<div>

<div class="cell">a</div>
<div class="cell">b</div>
<div class="cell">c</div>


</div>

Orbene, niente di più semplice, ma invece, signori e signori, il margine sinistro del primo (1°) DIV, viene sempre e comunque il DOPPIO di quello specificato nelle regole di layout, ovvero viene 20px invece di 10px. (i DIV a seguire hanno il margine sinistro corretto, 10px come specificato)

Ovviamente questo non succede con altri browser, quali Opera o Firefox, ma con IE 6.0 sì :|

Se specificate 24px di margine, in realtà sarà 48px, se mettete 100 sarà 200, etc. Che figata eh?

[Xinod]

old

http://www.positioniseverything.net/...ed-margin.html
dovresti poter risolvere specificando display:inline nel div floatato
ciao

[Cerebro]

Ah immaginavo fosse già venuto fuori, grazie per il link!

Con display:inline però se ricordo bene, settando una "width" specifica me la ignora e si adatta al contenuto del DIV.. tipo se ci scrivo "a" viene stretto stretto, etc... mboh dopo faccio delle prove.