Treehouse: Grow your CSS skills. Land your dream job.

hover problem in ie7

  • # November 24, 2009 at 7:58 am

    hi y’all.
    i have a gallery witch comes as a list elements ,inside each list there is an anchor tag ,when you hover over a list element an image appears,a part of this image appears behind the next li element in internet explorer 7 .
    i took a screenshot in ie7


    to see a live example click on this link ,you have to enter the login and password to reach that page,then chose from the left menu an album called alsa.


    # November 24, 2009 at 2:45 pm

    Hi there,

    I believe it could be an issue with floating. Your <li> (list items) are floated, and the <img> elements that are being shown are not floated. I’m not 100% sure on this, but I had an almost identical problem earlier today. Try taking the float off the <li> items in your CSS.

    I tend to use ‘display: inline-block;’ for list items that I want to ‘float’ beside one another.

    Also, as I’m a semantics freak, I’d advise you to look at the structure of your lists. <div> should never be a direct descendant of <ul>.

    i.e. you have:


    I hope this helps. If not I’m sure someone here might have a better answer! Good luck! :)

    # November 25, 2009 at 4:55 am

    good morning snapshot ,
    the essential is that you tried to give me help and i appreciate that dude, actually that website was made by someone who left the agency ,leaving behind a lot of troubles ,i don’t use tables to layout websites .anyway i have to get acquainted with this project.
    i did what you asked me to do ,nothing happened ,i think i have to remove that div after the ul element

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

You must be logged in to reply to this topic.