Hi all, this is my first post.
I've come across an error in IE7 (at least I think it is one as I don't get the behaviour in Firefox 1.5) concerning gaps between list items. I've read about the whitespace bug, but the white spce is removed and it still occurs. What I basically have are list items which contains anchors <a>. The anchors should be blocks as I need them to have a background color which spans the list item. Additionally, as a sibling of the anchor I sometimes have an absolute positioned <div> which is placed on the right hand side of the list item, which itself is relatively positioned. As soon as I introduce this <div> a gap occurs below the list item. This is the example code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";> <html> <head> <title>Untitled</title> <style type="text/css"> <!-- ul, li { list-style: none; margin: 0; padding: 0; } li { border: 1px solid black; width: 80px; position: relative; } a { display: block; margin: 0px; padding-left: 5px; background-color: lime; } .d1 { position: absolute; top: 0px; right: 0px; width: 20px; height: 10px; background-color: red; } --> </style> </head> <body> <ul><li>item 1</li><li>item 2</li><li><a>item 3</a><div class="d1"></div></li><li>item 4</li> </body> </html> Does anyone have a clue how I can work around this problem not changing the HTML and still having a left padding and a background color for the <a>? Thanks a lot in advance, Tim ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
