The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS hover problem in ie7

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

    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.
    email:[email protected]



    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! :)


    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)
  • The forum ‘CSS’ is closed to new topics and replies.