mezera mezi divama

Dobrý den všem,

snažím si vytvořit grafiku pro svůj web a narazil jsem na tenhle problém.

Mám 4 divy:

<div style="width: 150px;">

<div class="m1"></div>

<div class="m2"></div>

<div class="m3">Novinky</div>

</div>

a pro ně tyto styly:

.m1 {

background-image: url(graphics/menu_graphic2.gif);

background-repeat: no-repeat;

width: 47px;

height: 40px;

float: left;

}



.m2 {

background-image: url(graphics/menu_line.png);

background-repeat: repeat-x;

height: 2px;

font-size: 0px;

}



(pro class ".m3" jsem zatím nedělal, ale to bude jen změna písma)

mělo by to vypadat jako když člověk pracuje s tabulkou a to tedy:

<table border=1>

<tr><td rowspan="2">obrazek</td><td>cara</td></tr>

<tr><td>text</td></tr>

</table>

jenže v IE je mezi obrázkem a čárou mezera, zatím co v FF není a já se jí nedokážu zbavit. Dal jsem všude padding i margin 0, ale ani to nepomohlo. Poradíte mi prosím, jak se tý mezery zbavím? Děkuju

použil jsem, viz class .m2 a nefunguje to ani když to dám všude

mezera zůstane a vznikne další horizontální mezera mezi čárou a textem

bohužel:(

Str4wberry

už se na tom pracuje.

habendorf

4px:-)

Dero

koukal jsem na to, sice vyřeší problém v IE, ale mě ve FF pak text zasahuje to toho obrázku. (viz. dokaz) To je vyřešit problém v jednom prohlížeči, ale v druhým to bude zas jinak.
Do mého kódu se mi to nepodařilo vložit, tak jsem použil ten, co byl na tý stránce a předělal ho, tak se mi povedlo zbavit mezery, ale text byl o 3px ve FF na levo:( Jinak se to nedá vyřešit?

Bubák

ne za předpokladu, že vložíš obrázek