Skip to main content


  • This topic is empty.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
  • #22817

    I’m stumped!

    I have a website design that works flawlessly in Firefox. I’ve used the IE style sheet to redirect IE to use:
    <!–[if IE]>
    <link rel="stylesheet" type="text/css" href="css/ie.css" />

    However, I’ve fixed the positions in IE but I cannot get the menu to appear in IE7. I had to do a little tweaking to the li style to get it to work in Firefox but I am stumped as to how to make this work in IE7. The coding for the li was done within the page itself instead of the css file(s). Can anyone give me any guidance as to how to make it work?

    The li code is below:


    Here is the website to reference:

    css locations:

    Chris Coyier

    This reply has been reported for inappropriate content.

    I see the problem you are having but I’m having a hard time troubleshooting it just because of how complicated it has become. There are inline styles and css styles and ie-specific css styles… I think you just got yourself too tangled up in something that really shouldn’t be this complicated. Even the div that the menu resides in (#top-col) has a set height value and then the individual menu items are pushed out of it with the top margin on the <li> elements. I suspect that is what IE is getting confused with. Maybe try to get that menu out of #top-col and into #main-content, looks like that is more the place it belongs.


    your conditional ie style sheet will not work because the in-line style will over rule it. Move the inline style to your normal stylesheet and then your ie style sheet will work.


    Sounds good. I’m diggin’ in. Thanks for the suggestions. I will let you know how it turns out. *crosses fingers and toes*

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.