Добрый день!

Есть вот такой сайт. В Safari, Chrome, IE6, IE7 всё хорошо. НО. В FF и Opera появляется разница в 2px по высоте между верхними левым правым блоками и центральным. Как это победить? Голова уже квадратная. На просторах интернета не смог найти похожего. Почти лечится хаками для Oper'ы, но тогда такой же косяк в IE7 появляется.

HTML


CSS
[CSS]
#top{ /*весь верхний блок*/
position: absolute;
left: 0px;
top: 10px;
width: 100%;
min-width: 1020px;
height:210px;
color:#ffc;
}

#menuLeft, #menuRight{ /*картинки с градиентами слева и справа*/
position:relative;
width : 225px;
}
#menuLeft {
padding:0px 0 0 10px;
float : left;
}
#menuRight {
padding:0 10px 0 0;
float : right;
}

#top .out{ /*центральная часть*/
float:center;
height:150px;
margin : -19px 235px 20px 235px; /* !!!! если вместо -19px установить -21px, то в FF и Opera всё хорошо, а в остальных соот-но плохо !!!! */
background:#696;
}
#top .in{
float:center;
width:410px;
height:150px;
margin: 0 0 0 130px;
background:#696;
background-image : url("../pics/titlePic.png");
background-repeat: no-repeat;
text-align:center;
}
#top .content{
height:150px;
text-align:right;
}
#top .mainmenu{
float:left;
padding:20px 0 0 0px;
margin:0 0px 0 0;
text-align:left;
font-weight:bold;
}
[/CSS]

спасибо