Grow your CSS skills. Land your dream job.

IE7 and my nav dont get along

  • # June 16, 2009 at 12:42 pm

    First time posting in this forum…so I apologize if this is a total noob question. My nav is not staying positioned where it needs to be because of the logo in the upper left hand corner and the rss button in the upper right hand corner.

    Here is what it looks like in IE7:
    [img]http://crippledshark.com/images/bad-nav.jpg[/img]

    Here’s what it should look like:
    [img]http://crippledshark.com/images/good-nav.jpg[/img]

    Here is my HTML and CSS for the header section of my site:

    HTML:

    CSS:

    Code:
    .container { width: 1000px; margin: 0 auto; }

    #main { background-image:url(images/headerbg.png); }

    #header { }

    #main .container{ background-image:url(images/headerbg.png); height: 148px; }

    ul#nav { padding-top: 92px; margin: 0; }

    ul#nav li { display: inline; }

    ul#nav li a { display: block; text-indent: -9999px; float: left; height: 40px; }

    I hope I didn’t post to much or to little. Thanks in advance for your help! :D

    # June 19, 2009 at 7:26 am

    pls provide the real link.

    # June 21, 2009 at 3:53 pm

    the link to the site is http://crippledshark.com

Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".