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 http://yapasphoto.ma/client/index.php ,you have to enter the login and password to reach that page,then chose from the left menu an album called alsa.
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