Support » Themes and Templates » bullet image behavior in IE7 buggy

  • Resolved chickspirit


    Any suggestions for how to fix my image bullets behaving strangely in IE?
    For the most part they aren’t showing up but when I scroll up & down random bullets appear and then disappear.

    All is fine in FF.

    Here’s my URL

    And here’s what I’ve tried so far based on google & wordpress searches…

    1. added position: relative to #greenlist ul li
    Before I added this they weren’t showing up at all. After adding this the strange behavior noted above started happening.

    2. added list-style-position: inside to #greenlist ul li
    The bullets showed up with this one but pushed everything right and made everything a mess in terms of alignment

    3. tried adding a float to the list. Didn’t work

    4. tried holly hack w/ margin bottom: 0; Didn’t work

    5. Tried display: inline-block; in the containing element based on this interesting theory.
    I’m a newbee to CSS so wasn’t sure what was considered the containing element. Tried #content, #insideWrapper and .post

    Any help appreciated.


Viewing 2 replies - 1 through 2 (of 2 total)
  • Hi

    This made the bullets appear in IE7, in my browser.

    For now add this to your theme’s header.php file, in the <head> section, and below the lines that declare your style.css stylesheet file.

    see if it resolves your problem.

    <!–[if IE 7]>
    <style type=”text/css”>
    #greenlist ul li { margin-left: 18px; }

    Awesome! That totally worked. Finally!!!!

    Thanks so much.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘bullet image behavior in IE7 buggy’ is closed to new replies.