[CSS] wyrównanie w pionie Opcje

[novy85]

Witam,

mam takie menu http://tomekmik.cba.pl/ i nie mogę go wypozycjonować w pionie pod IE. Pod FF i Operą wszystko wygląda dobrze ale pod IE ciągle "przyklejone" jest do dołu

css dla div-a w którym znajduje się menu

[HTML] pobierz, plaintext 
.td_menu {
    text-align: left;
    background: url("gfx/tlo_menu.png");
    height: 27px;
    display: table;
    width: 100%;
}
[HTML] pobierz, plaintext 

css dla menu

[HTML] pobierz, plaintext 
.ddmx {
    font: 12px tahoma;
    background: red;
    display: table-cell;
    vertical-align: middle;
}
.ddmx .item1,
.ddmx .item1:hover {
    padding: 0px 10px 0px 10px;
    font: 12px arial;
    color: #202020;
    font-weight: bold;
    text-decoration: none;
    white-space: nowrap;
    position: relative;
}
.ddmx .item1-active,
.ddmx .item1-active:hover {
    padding: 0px 10px 0px 10px;
    font: 12px arial;
    color: #202020;
    font-weight: bold;
    text-decoration: none;
    white-space: nowrap;
    position: relative;
 
}
.ddmx .item2,
.ddmx .item2:hover,
.ddmx .item2-active,
.ddmx .item2-active:hover {
    padding: 0px 8px 0px 8px;
    font: 11px tahoma;
    color: #000000;
    font-weight: bold;
    text-decoration: none;
    display: block;
     height: 18px;
    position: relative;
    z-index: 500;
}
.ddmx .item2 {
    background: #F0F0F0;
}
.ddmx .item2:hover,
.ddmx .item2-active,
.ddmx .item2-active:hover {
    background: #ffffff;
}
.ddmx .arrow,
.ddmx .arrow:hover {
    padding: 3px 16px 4px 8px;
}
.ddmx .item2 img,
.ddmx .item2-active img{
 
    top: 0px;
    right: 1px;
    border: 0;
}
.ddmx .section {
    border: 1px solid #9B9B9B;
    position: absolute;
    visibility: hidden;
    z-index: -1;
 
}
 
* html .ddmx td { position: relative; } /* ie 5.0 fix */
[HTML] pobierz, plaintext 

tak wyświetla FF

tak wyświetla Opera


a tak IE


P.S. to są wycinki kawałka strony