Forum Moderators: not2easy
I'm writing this post to spare others of my frustration over the last few days.
I’m making a new website, and wanted to make lists a bit more attractive. I started out making a basic css styled list with the “point” as a background image in the li element.
I was pretty pleased with my self, and wanted to use the list throughout the site (I designed it in a special ID on the frontpage).
But then the problem occurred. When I used it in lists on other documents (Within the standard holder ID), the images would not show in IE.
So I started “dismantling” the pages in order to find the cause… After to many frustrating hours I finally found it..
As far as I can tell, if the holder ID contains:
position: relative;
IE (6) will not show background images in lists…
[edited by: DrDoc at 6:41 pm (utc) on April 1, 2006]
[edit reason] Removed personal URL. Refer to TOS and forum charter for more information. [/edit]
This is actually a known issue, though. You can check it out at [positioniseverything.net ]
It's caused by placing a list with a background set within a floated <div> that has been relatively positioned.
Good catch, though! It is a really stupid bug for a really stupid browser.
;-)
Wish I'd known about that site in advance...
