DIV's (Mozila vs IE)

[maxim-3m]

Ostatnio napotkałem na denerwujący mnie strasznie problem i za cholery nie wiem jak sie uporac z tym :

mamy prosty DIV:
html:

Kod: Zaznacz cały

<div id="ex1"></div>

css:

Kod: Zaznacz cały

#ex1 {
   width:750px;
   height:10px;
   background:url(/*tutaj gif-ik o wysokisci 1px*/) repeat-y;
   }


PROBLEM: Mozilla radzi sobie z tym bez problemowo, natomiast IE podwaja
wysokość tego DIV'a ( o co moze tu chodzic?) ogólnie IE dodaje sobie jakies wartości i cholera wie skąd?!! Problem znika gdy na twardo walniemy jako tło obrazek o szerokosci i wysokości DIV-a.

prosze o jakas pomoc w tym temacie

pozdr
maxim

[Gedi]

Dodaj może jeszcze:

line-height: 10px /* lub mniej */;

[Reinmar]

Z tego co zauważyłem, to mimo że DIV jest pusty, IE wpycha do niego tekst... Czyli jeśli zmienisz:

Kod: Zaznacz cały

#ex1 {font-size:0px}

to też będzie dobrze

[Gedi]

MSIE (nie tylko on) ma takie bliżej nieokreślone zachowania