Explorer ignores closing </li> tags

Atom RSS

This site heavily relies on bug reports created by its readers. Anyone can report a bug and be published.

Main navigation:




Search reports by browser:

Internet Explorer on Windows completely ignores closing LI tags.

This means that if the list item contains a block level link, the blank space after the LI will be rendered as a blank line.

It also means that if elements are nested within the list, but not within a LI (this is invalid HTML, but people still do it), IE will treat them as if they are in the preceding LI. This modifies both the DOM and the response to CSS.

Test page Workaround is included
Reported by: TarquinWJ.

Explorer 5-6 Windows, Explorer 7 beta 2 | Reported on 17 January 2005.

Comments

(Add your own)

Posted by Geoff Moller on 17 January 2005

1

Found this out the hard way last week. Was writing a PHP script to recursively iterate through some media directories, and generate nested lists and list items per the directory structure. The way it stood, I wouldn't have to class anything, just let the css cascade everything. But then the bug crept in - what a waste of time.

Posted by Jake Archibald on 5 May 2005

2

Setting height:1%; on the links fixes this in internet explorer.

So

* html ... a {
height: 1%;
}

where '...' is a reference to the ul &/ li the link is within.

Posted by Wiktor on 13 December 2005

3

I set
border-bottom: 1px solid blue
on the li element and works for me... Strange...

Post a comment

Commenting guidelines:

  1. When quoting specs, articles or your own research, please include a URL of the document.
  2. Test your stuff. When reporting browser behaviour, make sure that your report is correct.

Yes