IE Исчезающая ошибка пули в плавающей DIV

Question

На форуме есть много предложений, но ни один из них пока не показал мне никаких успехов.

У меня есть плавающий div, содержащий ULs, созданный для использования изображения пули. Все совместимые браузеры показывают изображение в порядке. Когда я обновляю страницу в IE 6, пули часто появляются, но исчезают снова, когда страница прокручивается. В IE 7 они просто не отображаются.

Страница находится здесь:

http://hiv411.org/page.php?pID=13&n=Other_STDs

Соответствующий CSS:

#hiv101STDSidebar UL { 
width:215px; 
} 

#hiv101STDSidebar LI { 
position:relative; /* added per some forum post, no effect*/ 
list-style-image:url(/images/layout/squareBulletBlue.gif); 
} 

Любые предложения очень высокую оценку. Было бы позором переписывать эти UL как таблицы!

Answer 1

Как предложено другими, используйте вместо изображения пули фоновое изображение.

HTML

<div id="floated"> 
     <ul> 
      <li> 
       Item 
      </li> 
      <li> 
       Item 2 
      </li> 
     </ul> 
    </div> 

CSS

div#floated { 
    float: left; 
} 

ul { 
    padding: 0; 
} 

li { 
    background: transparent url(squareBulletBlue.gif) no-repeat 0 2px; 
    list-style-type: none; 
    padding-left: 1.2em; 
} 

Работает в IE6 и 7 для меня, если это не то у вас есть другие проблемы с кодом :)

Answer 2

Попробуйте ставить пулю с атрибутом фона.

selector li { 
    background: transparent url(/images/layout/squareBulletBlue.gif) left center no-repeat; 
    paddding-left: 25px; 
} 

Вы, возможно, придется сбросить padding и margin на вашем селекторе ul.

Answer 3

Это фиксирует это в IE6 & 7:

#hiv101STDSidebar ul { 
    width: 215px; 
    margin: 0 0 0 0; /* resetting margin */ 
    padding: 0 0 0 40px; /* using padding to position ul */ 
} 

Не было времени, чтобы должным образом расследовать, но это, кажется, унаследованный левого края боковой панели, которая вызывает проблему. Использование padding на ul фиксирует странное поведение в ie6 и ie7, но оно не играет хорошо со стандартными совместимыми браузерами, поэтому вам нужно добавить этот стиль с условным lte ie7 css.

Надеюсь, это поможет.