Support » Fixing WordPress » IE CSS oddness

  • <include standard “I hate IE” rant here>
    Been working on a new layout for my site. Looks as intended in Firefox. Looks nearly right in IE, apart from one bit which gets mangled.
    See this post for a screen capture of the offending area. The scrambling seems to come and go if the page is scrolled.
    I’m sure this is one of those lovely IE CSS bugs, but I haven’t found a fix yet. Any ideas?
    The test page is at, CSS is at
    XHTML and CSS both validate.

Viewing 4 replies - 1 through 4 (of 4 total)
  • For some reason you have divs with a class of post inside your menu. Not surprising its borked 🙂

    In the words of Microsoft, “that behaviour is by design”. The menu div contains a number of divs which do have the class post. Nothing odd about that at all, if you look at the CSS. And as the current design uses the same kind of structure without signs of borkage, I really can’t see that being the cause of the problem. Also, the fact that a standards-compliant browser has no trouble with the page suggests that the issue is with IE’s rendering, doesn’t it?

    I dont agree. The div class post is already in use by WordPress although it is not defined in the CSS.

    The class “post” is most definitely defined in the CSS. In mine, anyway, which is the only one relevant to this particular problem. There is a further class “post” defined in the context of the menu div:
    #menu .post { whatever }

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘IE CSS oddness’ is closed to new replies.