mezera mezi divy

Tak dneska uz podruhe...

Mam dva divy pod sebou, pozadi - obrazek, no-repeat (jen ve vrchnim), nastavenou vysku a sirku.
Vypada to asi nejak takhle:

.conbottom {

    background-image: url(images/content_bottom.jpg);

    background-repeat: no-repeat;

    width: 770px;

    height: 12px;

  }



.footer {

    background-image: url(images/footer.jpg);

    width: 770px;

    height: 65px;

  } 

No a v IE mi to hází mezeru mezi nima. 3px bug to nebude, rozhodně to je víc jak 3px. Spíš bych tipoval, že to tam nějak počítá, jako by jeden z těch divů (pravděpodobně ten vrchní) zabíral více místa než má napsáno v height.

A možná to bude souviset s tím, že když odstraním background-repeat: no-repeat; u toho vrchního, tak se zaplní ta mezera dalším opakováním toho obrázku...

Já už fakticky nevím (stejně se z toho vyklube nějaká jednoduchá pitomost :D ) ...

edit: a ty obrázky jsou oba fakticky velké tak, jak je napsáno v tom kódu... ani px navíc

To nějak nepomáhá... ale poptal jsem se kámoše a ten řekl, že to už někde řešil... vyřešil to tímhle:

.footer {

    position: relative;

    top: -7px;

}

nevím proč zrovna 7, ale to je jedno... kazdy musi poštelovat jak mu to vyjde... ja zacal od -12 a dohrabal jsem se k tomuhle.