SitePoint Sponsor

User Tag List

Results 1 to 3 of 3
  1. #1
    SitePoint Evangelist cgacfox's Avatar
    Join Date
    Feb 2005
    Location
    Colorful Colorado
    Posts
    412
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)

    Sprite menus are messed up in IE7

    I was showing someone my sites online and they have IE7. I noticed that my Sprite menus were all messed up. They work fine in IE8, Firefox, etc. What could have happened and how to do I fix it? The sites are www.foxdenwebsolutions.com and www.foxdencreations.com.

  2. #2
    Ripe Tomatos silver trophybronze trophy Rayzur's Avatar
    Join Date
    Jun 2007
    Location
    Texas
    Posts
    4,174
    Mentioned
    4 Post(s)
    Tagged
    0 Thread(s)
    Hi,
    You have the IE6/7 Staircase Bug.

    It is triggered when the LI is left in the default state (display:list-item) and the anchor is floated.

    Just add this new rule for the LI and float it.
    Code:
    ul#menu {
        list-style: none;
        margin: 0 auto;
        width:1024px;
        height: 39px;
    }
    ul#menu li {float:left;}
    
    ul#menu li a {
        float: left;
        height: 39px;
        text-indent: -9999px;
    }

  3. #3
    SitePoint Evangelist cgacfox's Avatar
    Join Date
    Feb 2005
    Location
    Colorful Colorado
    Posts
    412
    Mentioned
    1 Post(s)
    Tagged
    0 Thread(s)
    Thank you Rayzur. I appreciate your help on this one. I found a program where I can run IE5 through 9 beta and in 5 and 6 it looks awful....the graphics are all messed up. Guess I will just have to live with it because I know that IE6 does not like pngs.


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •