lotte: Ränder in Mozilla 1.x und IE ab 5.x

Problem:

<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "dtd/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en" dir="ltr">
  <head>

<style type="text/css">

.rand {margin:0px 0px 0px 0px;}

</style>
</head>
<body>
<div id="eins"><img src="images/menu/win/minus.gif" border="0" /><img src="images/menu/win/join.gif"  border="0" class="rand"/></div>
<div id="zwei"><img src="images/menu/win/minus.gif" border="0" /><img src="images/menu/win/join.gif" border="0"  class="rand"/></div>
<div id="drei"><img src="images/menu/win/minus.gif" border="0" /><img src="images/menu/win/join.gif" border="0"  class="rand"/></div>
</body>
</html>

Das Beispiel oben erzeugt zwischen den divs im Mozilla einen etwa 3Pixel Rand, im IE 5.5 schließen die Bilder direkt an, wie ich das gern möchte. Auch wenn ich die Ränder der images auf 0 setzte ändertsich nix??

Was kann ich tun?
Danke schon mal
Lotte

  1. Hi!

    Füge vertical-align: bottom zu den Bildern hinzu.
    Siehe auch http://www.dodabo.de/html+css/img-table/

    Gruß Herbalizer