Разница в позиции css IE / FF, как решить мою проблему?

Question

Я сделал несколько div-ов, и все работает как задумано в Firefox.

Но не в Internet Explorer 8.

У кого-нибудь есть совет?

структура похожаthis:

<div id="imgntxt">

    <div id="imgntxtImg">

        <div id="imgntxtNav1"></div>
        </div>

    <div id="imgntxtText">text</div>

</div>

imgContainer получает изображение в качестве фона с помощью некоторой магии JavaScript.

css:

#imgntxt
{   
    padding: 2px;

    width: 200px;
}

#imgntxtImg
{
    position: relative;
}

#imgntxtText
{
}

#imgntxtNav1, #imgntxtNav2
{
    position: absolute;

    right: 2px;

    bottom: 0;

    background: transparent url("next.png") no-repeat top left;

    height: 16px;
    width: 16px;
}

#imgntxtNav2
{
    right: 19px;

    background: transparent url("prev.png") no-repeat top left;
}

Answer 1

Я могу быть уверен на 100%, так как количество кода, которое вы добавляете, не завершено, но я думаю, что то, что он играет, вас занимает: абсолютное в # imgntxtNav1, # imgntxtNav2. Если я не прав, пожалуйста, дайте больше подробностей.

Answer 2

Вы пытались найти изображения сверху, а не снизу?

#imgntxtNav1, #imgntxtNav2
{
  position: absolute;
  right: 2px;
  top: 0;
  ...
}

Кроме того, почему бы вам не поместить изображения для навигации в html напрямую?
Это звучит не только проще, но и правильнее.