Peete: <div> macht Abstand im IE, wieso??

Beitrag lesen

Hallo zusammen !
Habe folgenden Quelltext:

<html>
<head>
<title>Test</title>
<style type="text/css">
.box{
background-image:url(../i/box.gif);
vertical-align:middle;
font-weight:bold;
}
.line{
width:140px;
border-bottom:1px #000000 solid;
}
</style>
</head>

<body>
  <div class="box"><div>Überschrift</div></div>
  <div class="line"></div>
  <div>Darunter</div>
</body>
</html>

Kann mir jemand sagen, wieso der IE (zumindest v6.0) hier einen Riesen-Abstand von ca.10px zwischen 'Überschrift' und dem 'border-bottom' macht bzw. wie man das beheben kann??

Viele Dank für Hilfe :) !!