Li with float in IE6/7. It disappears?

Try test this code in IE 6/7:

<html>
<head>
    <title>Title</title>
</head>

<body>
  <ul>
    <li style="float:left">huisashaiuhs iuhuiahsiuhsaiu</li>
  </ul>
</body>
</html>

Where is the circle of LI? I already do ALL types of workaround, in UL and LI. Nothing, NOTHING works.

Do you have any idea? (BTW already tried hasLayout,padding-left,margin-left,display:inline, etc etc etc)

Answers


Check this forum article out: http://www.highdots.com/forums/alt-html/float-li-bullets-ie7-277086.html

Or else, I'd suggest putting the <ul> in a <div> that is floated left, and remove the float style from the <li>.

e.g.

  <div style="float: left;">
    <ul>
      <li>huisashaiuhs iuhuiahsiuhsaiu</li>
    </ul>
  </div>

Try adding a doctype to kick the page into standards mode?


Need Your Help

How to correctly align a drop cap in html/css?

html css typography

Well I've got the following problem: I need a dynamic solution (dont know the text, resulting font-size etc.) to typografically correctly align a drop cap. Correctly means: the cap-height-line of the