Margin-left в IE и FF

[JiMKE]

Доброе время суток!

Столкнулся с проблемой неправильного позиционирования слоя.

.

top {
background-image:url(top.png);
width:800px;
height:50px;
margin-top:7px;
margin-left:-25px;
}...

<div align="center">
<div class="top" >
</div>
</div>

По идее и как это происходит в FF, слой должен центрироваться и сдвигаться в право на 25 px.

В IE же он просто распологается по центру, не сдвигаясь вправо.

Может существует хак под это дело? Или просто у меня руки из мозгов растут?=)

Заранее спасибо=)

[JiMKE]

В общем-то я решил проблему при помощи...

.top {
background-image:url(top.png);
width:800px;
height:50px;
margin-top:7px;
margin-left:-25px;
}
* HTML .top {
 margin-left: 25px;
}

но возник, блин, такой вопрос?

ПОЧЕМУ ТАК?

Обратите внимание что в версии кода для IE margin-left имеет положительное значение!

[Tokolist]

попробуйте задать для top

position: relative;

и вместо

margin-left: -25px;

использовать

left: -25px;

а для центирования вместо дополнительного дива используйте

margin: 7px auto 0 auto;

приблизительно так...

[JiMKE]

Я попробую ради интереса и ваш совет тоже.

Но факт, что я справился с этим каким-то странным способом=)

[Tokolist]

Я попробую ради интереса и ваш совет тоже.

Но факт, что я справился с этим каким-то странным способом=)

ИМХО мой совет и есть самый правильный для данного случая (-:

{... перенесено в Проблемы с версткой lancer}