выравнивание div в css в Chrome, FF и IE 7 в Windows XP

Question

У меня проблемы с выравниванием divs.

Мой макет состоит из одного элемента div view_central, который содержит три других элемента div, а именно view_central_top, view_central_left и view_central_right. Chrome и FF отображают желаемый результат: верхний элемент div с баннером, navigaiton слева и контент справа.

IE 7 смещает содержимое div view_central_right 10 px на высокий, покрывая часть баннера div view_central_top.

Код CSS выглядит следующим образом:

.view_central
{
    position: relative;
    width: 827px;
    height: 100%;
}

.view_central_top
{
    position: absolute;
    top: 0xp;
    left: 0px;
    height: 118px;
    width: 828px;
}

.image_borderless
{
    border: 0px none;
}

.view_central_left
{
    position: relative;
    left: 0px;
    top: 118px;
    width: 187px;
    height: 683px;
    background: #C7D2EB;
    font-size: 11px;
}

.view_central_right
{
    position: relative;
    left: 0px;
    top: 118px;
    width: 640px;
    height: 683px;
    background: #FFFFFF;
}

Может кто-нибудь помочь мне. Спасибо.

Answer 1

Моя первая мысль - зависящие от браузера отступы или поля. Сброс CSS (по крайней мере для div элементов) может стоить попробовать.