theresa: ie macht div um 2px größer, sobald grafik darin

hallo leute,

ich experimentiere gerade etwas rum, um mit css sattelfester zu werden.
ich habe innerhalb eines divs ein weiteres div, dass eine grafik enthält:

<div id="box">
 <div id="c1">
  <img src="img/test.jpg" width="20" height="60" />
 </div>
</div>

#box
{
 width: 945px;
 height: 73px;
 float: left;
}
#c1
{
 width:589px;
 height:25px;
 float:left;
 margin-left: 200px;
}

im firefox klappt das prima, aber im ie wird c1 immer um 2px höher dargestellt, sobald die grafik eingebunden ist. wenn der div leer ist, stimmt die höhe.

kann mir das jemand erklären?

danke,
eure theresa

  1. Hi,

    kann mir das jemand erklären?

    ja.

    Cheatah

    --
    X-Self-Code: sh:( fo:} ch:~ rl:° br:> n4:& ie:% mo:) va:) de:] zu:) fl:{ ss:) ls:~ js:|
    X-Self-Code-Url: http://emmanuel.dammerer.at/selfcode.html
    X-Will-Answer-Email: No
    X-Please-Search-Archive-First: Absolutely Yes
    1. Danke Cheatah.

      Gruß,
      fita.

  2. hi,

    ich experimentiere gerade etwas rum, um mit css sattelfester zu werden.
    ich habe innerhalb eines divs ein weiteres div, dass eine grafik enthält:

    <div id="box">
    <div id="c1">
      <img src="img/test.jpg" width="20" height="60" />

    Und wozu soll dieses weitere Div gut sein?
    Warum floatest du nicht direkt das Bild?

    im firefox klappt das prima, aber im ie wird c1 immer um 2px höher dargestellt, sobald die grafik eingebunden ist. wenn der div leer ist, stimmt die höhe.

    Stichwort: Unterlängen.
    vertical-align:bottom oder display:block für's Bild sollten Abhilfe schaffen - sind aber nicht nötig, siehe oben.

    gruß,
    wahsaga

    --
    /voodoo.css:
    #GeorgeWBush { position:absolute; bottom:-6ft; }