Piszę stronę w css. Są dwa div'y umieszczone w innym. W jednym jest tekst, a w drugim po prawej menu. Kod css wygląda tak:
/* -------------------------------------------------- */
/* Główne menu */
/* -------------------------------------------------- */
.mainmenu
{
display: table-cell;
vertical-align: top;
width : 250px;
background-color : #E2E3E4;
background-image : url( 'mainmenu.png' );
background-position : top;
background-repeat : repeat-x;
font-size : 13px;
color : #384754;
}
/* -------------------------------------------------- */
/* Główna strona */
/* -------------------------------------------------- */
.mainpage
{
display: table-cell;
vertical-align: top;
width : 590px;
max-width : 590px;
background-image : url( 'mainpage.png' );
background-position : top;
background-repeat : repeat-x;
font-size : 13px;
color : #384754;
overflow : hidden;
}
Wszystko działa, czyba, że użyję gdzieś na stronie <select><option></option></select>. Wtedy menu jest przeniesione niżej. Problem występuję tylko w FireFox'ie. W operze działa dobrze, a dla ie jest w ogóle osobny styl, żeby to mogło działać. Czemu tak się dzieję? Próbowałem wszystkiego co mi przyszło do głowy:
zmieniać właściwości select i option w css, zamykać całą stronę, albo select w dodatkowy div albo
- co bym nie zrobił, zawsze to samo. Wie ktoś jak z tym pomóc?