perchè su IE non và ??

[fabrrrri]

Ho questo codice css:

<div id="gallery>

<dl class="gallery-in">
<dt>
<img></img>
</dt>
</dl>

<dl class="gallery-in">
<dt>
<img></img>
</dt>
</dl>

<dl class="gallery-in">
<dt>
<img></img>
</dt>
</dl>

<dl class="gallery-in">
<dt>
<img></img>
</dt>
</dl>

</div>

#gallery {
margin: auto;
}

.gallery-in {
height: 210px;
}

#gallery .gallery-in {
float: left;
margin-top: 10px;
text-align: center;
width: 25%;
}


Su Firefox tutto OK, su IE invece c'è qualche problema con width:25%, in pratica il quarto <dl> và a capo e non resta allineato. Infatti facendo 24% resta allineato con gli altri, però al formattazione fa schifo.

qualcuno mi sà aiutare ?