Not signed in (Sign In)
SkillShare - A place to discuss Web Standards and Web Design topics
Categories
Vanilla 1.1.5a is a product of Lussumo. More Information: Documentation, Community Support.
-
Hi all,
I recently redesigned my site and i just saw that IE has trouble with my custom list images. I did not use list-style-image since it shifted positions across browsers. Insted I used background-image and applied a negative margin and a positive padding.
This works in every browser except in IE. IE7 shows me flickering images on hover, while all older IE versions crop out my image... I tried applying overflow:visible to the container but that does not seem to work.
The URL is … It would be awfully nice if someone could have a look and point me in the right direction.
Thanks,
squawk -
you could try using "position:relative" for the class with negative margins.
-
- CommentAuthorflippy1234
- CommentTimeOct 31st 2007
He already has position relative on the li's. Maybe instead of using the negative margin on the li, put it on the ul instead -
Thanks nimbupani, that helped to an extent: I got equal performance across all versions of IE: The image is not shown at all. Again I tried applying overflow:visible to the container, but that doesn't seem to make a difference.
@flippy1234: I only just saw your comment now: I will try it out on an offline version, so that I dont mess up my site... -
- CommentAuthorSteven Perks
- CommentTimeOct 31st 2007
Give the li a width and overflow: hidden. That will make the list elements behave in IE.
width: 100%; overflow: hidden;Thankful People: squawk -
@Steven Perks: This makes no sense at all, but thanks a lot, you solved my issue.
-
- CommentAuthorSteven Perks
- CommentTimeNov 1st 2007
I've never been able to put the issue well into words, but it's the old hasLayout issue I believe.
http://haslayout.net/haslayout -
If it was hasLayout is still is very odd because I tried applying zoom:1; which also didn't work. Thanks for the help anyway.
1 to 8 of 8