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

[HTML] pobierz, plaintext 
  1. <nav>
  2.     <div class="nav nav-active" style="margin-top: 0px; margin-right: 15px; margin-bottom: 0px; margin-left: 15px; ">
  3.         <div class="navl"></div>
  4.         <div class="navc">
  5.             <div class="navlink">
  6.                 <a href="/">
  7.                     <img src="/media/menu/homea.png" alt="Strona główna">
  8.                 </a>
  9.             </div>
  10.         </div>
  11.         <div class="navr"></div>
  12.     </div>
  13.     ...
  14. </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.