Merot

Приветствую.

Подскажите, профи, такая вот беда.
Ставлю сайт на WordPress но выходит косяк с отображением меню в разных браузерах, меню сдвигается по вертикали на 5-10 пикселя 🙁 То ИЕ и Макстон отображают всё ровно, тогда Opera и Crome косят, ну либо наооборот

Возможно ли вообще в принципе подружить их как-то в данной ситуации или это нереально?….

Ссылка на сайт вот, там только одна страничка сейчас, но не это важно. На данный момент подогнано под ИЕ, но это же не дело….

А вот кусок кода CSS, который я мучал в попытке привести всё к равновесию:

 /* Header */

#navigation h1 { margin-left: 144px; padding-top: 108px; float: left; display: inline; text-transform: lowercase; font-size: 35px;}
#navigation h1 a { color: #FFFFFF;}

/* Navigation */

#navigation ul { list-style-type: none; list-style-image: none; float: left; display: inline; padding-top: 33px; padding: 0 0px 0 0; margin-left: 20px; }

#navigation li { float: left; }

#navigation li a:link,
#navigation li a:visited
{
    float: left;
    color: #FFFFFF;
    display: inline;
    padding: 10px 10px;
    margin-right: 1px;
    height: 21px;
    font-size: 13px;
    margin-top: 4px;
    font-weight: bold;
    
    
}

#navigation li a:hover,
#navigation li a:active
{
    color: #FFFFFF;
    font-size: 13px;
    margin-top: 4px;
    background-image: url(images/nav-bg.gif);
        font-weight: bold;
}

#navigation li.active a
{
    color: #555555;
    background-color: #ffffff;
}

Правил вот этот кусок:

#navigation h1 { margin-left: 144px; padding-top: 108px; float: left; display: inline; text-transform: lowercase; font-size: 35px;}

Спасибо за внимание.