IE 6 ir visos kitos naršyklės

Tai va puslapyje yra kelios kalbos.

Kodas puslapyje:

<div class="lang" style="width: 105px">
<a href="?lang=ru"><img alt="" height="14" src="wp-content/themes/Dizainas_WP/images/ru_flag.jpg" width="21" /></a>
<a href="?lang=lt" ><img alt="Lietuvių" height="14" src="wp-content/themes/Dizainas_WP/images/lt_flag.jpg" width="21" /></a>  
</div>

CSS faile:

div.lang { 
width: 78px;
height: auto;
margin: -111px 8px 0 0px;
float: right;
}

div.lang a:hover { 
color: #adadad;
}

a.lang-li {
display: block;
clear: both;

}

Ant IE 7, 8 kitų naršyklių -111 kilnoja ta divą.

 margin: -111px 8px 0 0px;

Ant IE6 neduoda nieko šitas, ką daryti, kad ant IE6 vėliavos nekabėtų vidurį lango?

Greitas ats.: don't give a shit about ie6..

Lėtesnis ats.: Bandykit įvairius variantus. IE6 yra margin bug'as, bandyk ant float'into elemento (.lang) uždėti display: inline; (nors tiksliai nžn ar tai ką įtakos, man rodos tai pataiso margin bėdas iš šonų..). Bandyk dar tam pačiam elementui uždėti overflow: hidden; ar position: relative;.. Kartais tokie nereikšmingi aprašymai pradeda versti ie6 atvaizduoti normaliai. Blogiausiu atveju galėsi panaudoti IE conditional comments. pvz.:

<!--[if IE 6]>Update your browser..!<![endif]-->

žinoma tą patį sąlygos sakinį galėsi naudoti ir priskiriant kitą stylesheet, bet mano pavyzdys kur kas geresnis :)