createErrorMsg - 6:06 pm on May 19, 2006 (gmt 0)

Floating the anchor turns it into a block level element (see float specs [w3.org]), which then results in a block level anchor nested in a list item...the primary trigger for IE's whitespace in lists bug. In otherwords, IE is adding an extra line because the LI contains a block level anchor.

The bug fix is to set the LI to display:inline, but this does funky things to this particular layout, primarily because you're nesting a floated element in a non-floated element. Once the LI goes inline, it no longer contains the float. Float the LI instead, however, and the height of the LIs is determined by the image, with everything displaying more or less identically between browsers.

cEM

a { float: right; } ul{margin:0;padding:0;} li { float:right;border: 1px solid red; } h3 { margin: 0; }