Záhadné pozicování v IE ???

ahoj narazil jsem na podivnej problém. chci udělat layout který bude budit dojem 3D. budu se zabývat pro zjednodušení jen hlavickou... je to udelany tak ze mam jeden DIV hlavicky rozdelenej a napozicovanej jeste na dalsich 9 DIVu. 8 okrajovych obsahujicich obrazky budici dojem 3D a prostredni 9tej pro obsah hlavicky... vse funguje skvele v mozille firefox, i Opeře, ale IE tam dělá nějakej podivnej pruh, jakoby odsazení. už mne fakt nic nenapadá čím to může být... zvýraznil jsem to žlutým pozadím aby to bylo dobře vidět to odsazení...

je to na

http://www.eurostar.wz.cz/hlavicka/hlavicka.html

CSS vypadá takhe: ( http://www.eurostar.wz.cz/hlavicka/hlavicka.css )






/* CSS Document */
/************ Zacatek hlavicky **************************/
.hlavicka {/**** Hlavicka - celá ****/
width:900px;
}

.hlavickatop {/**** Horní cást hlavicky - má 3 cásti ****/
}

.hlavicka-top-left {
background-image:url(img/levy-horni.png);
background-repeat:no-repeat;
background-color:#FFFFCC;
width:14px;
height:14px;
float:left;
}

.hlavicka-top-pravacast {/**** Pomocná pravá cást obsahuje podcásti middle a right (kvuli float) ****/
background-color:#FFFFCC;
width:886px;
height:14px;
float:left;
}

.hlavicka-top-middle {
background-image:url(img/horni-stred.png);
background-repeat:repeat-x;
background-color:#FFFFCC;
width:872px;
height:14px;
float:left;
}

.hlavicka-top-right {
background-image:url(img/pravy-horni.png);
background-repeat:no-repeat;
background-color:#FFFFCC;
width:14px;
height:14px;
float:right;
}

.hlavickamiddle {/**** Strední cást hlavicky - má 3 cásti ****/
}
.hlavicka-middle-left {
background-image:url(img/levy-stred.png);
background-repeat:repeat-y;
width:14px;
height:100px;
float:left;
clear:left;
}
.hlavicka-middle-pravacast {/**** Pomocná pravá cást obsahuje podcásti middle a right (kvuli float) ****/
width:886px;
height:100px;
float:left;
}
.hlavicka-middle-middle {
width:872px;
background-color:#66FFFF;
height:100px;
float:left;
}
.hlavicka-middle-right {
background-image:url(img/pravy-stred.png);
background-repeat:repeat-y;
width:14px;
height:100px;
float:right;
}

.hlavickabottom {/**** Spodní cást hlavicky - má 3 cásti ****/
}

.hlavicka-bottom-left {
background-image:url(img/levy-dolni.png);
background-repeat:no-repeat;
width:14px;
height:14px;
float:left;
}
.hlavicka-bottom-pravacast {/**** Pomocná pravá cást obsahuje podcásti middle a right (kvuli float) ****/
width:886px;
height:14px;
float:left;
}
.hlavicka-bottom-middle {
background-image:url(img/dolni-stred.png);
background-repeat:repeat-x;
width:872px;
height:14px;
float:left;
}
.hlavicka-bottom-right {
background-image:url(img/pravy-dolni.png);
background-repeat:no-repeat;
width:14px;
height:14px;
float:right;
}
/*********************** Konec hlavicky ****************************/


kdo máte dva prohlížeče, koukněte na to pls... už mne nic nenapadá

problém vyřešen, souvisí to s nadefinováním písma a výšky řádku.

pro PerToon: nastavil jsem parametry:

font-size: 14px;
line-height: 14px;

uz to fungovalo..

mmchd od toho řešení jsem upustil je to moc krkolomny...

nove řešení

http://eurostar.wz.cz/www1/index.php

http://eurostar.wz.cz/www1/style.css

Pro Mila: no jenže já to potřebuju mít kvůli tomu menu " Gumový " .. proto moje řešení ver.2

pro Mila: potřebuju gumový pro menu ( na výšku ) aby se roztahoval podle toho jak menu. hodně divů je výhoda toho že mám malý obrázek ( 2x 10 pixelu na střed který poskládám repeat-x, pak dva krajní na rohy - taky malý. navíc je můžu použít vícekrát a nejsem vázanej šířkou Divu. Stahuje se to tudíž rychlejc než kdybych použil obrázky pro každý zvlášť. tu hlavičku jsem uved jen jako příklad. potřeboval jsem to kvůli tomu menu ( viz http://www.eurostar.wz.cz/www1/ ) Tvoje řešení je taky samozřejmě možný