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

Question

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

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

IE 7 смещает содержимое div view_central_right на 10 пикселей выше, что покрывает часть баннера 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 ) стоит попробовать.