Margin under bilder i Mozilla?

Hej! En liten grej som jag stör mig på: kolla in sidan här:
http://www.tjoff.com/darkmod/

Mellan bilderna på höger sida, (och även "bakgrundsbilden" längst ner) så är det ett litet mellanrum. Mellanrummen mellan de "vanliga" bilderna försvinner i IE, men inte det lilla mellanrummet längst ner. Vad orsakar detta?

html,body {
	background-color:#000000;
	margin:0;
	font-family:garamond;
	font-size:14px;
	color:#999999;
}

#container {
	position:relative;
	width:640px;
}

#top {
	position:relative;
	background-image:url(images/logo.jpg);
	height:310px;
	width:640px;
}

#content {
	position:absolute;
	width:350px;
	padding:20px;
}

#sidebar {
	background-image:url(images/sidebar.jpg);
	position:absolute;
	width:200px;
	padding:0px;
	right:0px;
}

p { margin-left:30px; text-indent:10px; }
.screen { margin-left:20px; width:160px; height:100px; border:none; }

Försökte använda display:block; som någon här på webforum föreslog, men det blev bara ett jättestort mellanrum i stället. (Fast det fungerade faktiskt på bilden längst ner)

Hmm...

Det skulle kunna vara ett "mellanslagsproblem" - dvs att det mellanslag som kommer sig av att du har en radbrytning mellan <a> och <img /> i koden "läggs ut" som ett tecken...
Blir det bättre om du "drar ihop" koden till <a><img/></a> på samma rad för bilderna det gäller ?

Tyvärr inte. :(

Hmm...

Man skall aldrig gissa utan att testa :r

Prova det här istället (typ sist i CSS-filen) - det verkar funka i min gamla moz och min MSIE6:a iaf ;)

#sidebar img {display:block;}
#sidebar br {display:none}

Tackar! :)

Det beror på att bilden är inline i standards compliant mode, och tar därför upp så mycket plats som textnoden behöver.