Witam, mam problem bo sklejam layout w html i pojawił mi się problem że jak pod div'em dam img (link do obrazka) i ustawiam img na border="0" to następny div pod spodem ma przerwę w dół o długości około 2px tylko na IE tak jest a na FF jest dobrze. Czym to jest spowodowane?

kod:

[HTML] pobierz, plaintext 
<div style="width:100%; height:31px; float:left;">
	<a href="index.php"><img src="img/men.jpg" border="0" /></a>
</div>
<br/>
<div style="width:100%; height:31px; float:left;">
	<a href="index.php"><img src="img/men.jpg" border="0" /></a>
</div>
[HTML] pobierz, plaintext 

są 2 sposoby (przynajmniej tylko 2 ja znalazłem)

1. olać IE 5,6 - w końcu coraz mniej osób z tego korzysta (jednak zawsze jeszcze jakiś tam % takich osób jest..)

2. zamiast znacznika img zrobić div z odpowiednimi wymiarami obrazka i backgroundem z obrazkiem

Aha...

Sprawdź może line-heigth i nadaj display:block dla img. Dodaj wysokość dla diva.

to mi całkowicie miesza laya.
dla diva jako background to jest mój główny sposób ale wolałem zrobić na img lecz ja chcę zrobić to porządnie niż:

Wrzuć to gdzieś online, by można w HTML/CSS pogrzebać. Łatwiej będzie podać rozwiązanie problemu.

Znalazłem przyczynę. Kiedyś miałem ten sam problem i tak samo rozwiązałem a ten problem to łamanie linij co powodowało spacje (odstępy) i wszystko działa