[HTML5][CSS] [Opera & IE] Opadanie diva z table-cell, Gdy wewnątrz diva znajdują się divy z "display: table-cell" op Opcje

[gusst4v]

Witam. Na portalu który tworzę wystąpił problem na przeglądarkach Opera i IE.

[HTML] pobierz, plaintext 
<nav>
    <div class="nav nav-active" style="margin-top: 0px; margin-right: 15px; margin-bottom: 0px; margin-left: 15px; ">
        <div class="navl"></div>
        <div class="navc">
            <div class="navlink">
                <a href="/">
                    <img src="/media/menu/homea.png" alt="Strona główna">
                </a>
            </div>
        </div>
        <div class="navr"></div>
    </div>
    ...
</nav>
[HTML] pobierz, plaintext 

Chodzi o diva z klasami nav i nav-active, spada on o ok. 45px (jego wysokość) w dół.
Gdy usunie się jego dzieci navl i navr - wszystko wraca do normy.

CSS odpowiedzialny za tą część:

Kod

nav {
    font-size: 18px;
    font-family: Verdana;
    height: 45px;
    min-width: 620px;
    position: absolute;
    right: 12px;
    bottom: 0px;
}

.nav {
    display: inline-block;
    margin: 0 15px;
}

.nav-active {
    margin: 0px;
}

.navl, .navc, .navr {
    height: 45px;
    display: table-cell;
}

.navlink {
    height: 40px;
    display: table-cell;
    vertical-align: middle;
}

.navl, .navr {
    width: 20px;
}

A tu całość.

Pozdrawiam i proszę o porady.