IE7 UL CSS Bug

[ConanTheVegetarian]

Hi,

Am trying to get IE7 to apply a max-width on an <li> element, but the bullet point appears aligned with the bottom of the bulleted para, not the top (as one might expect). If you remove the max-width, all works fine. If you put the max-width on the <ul>, the bullet point simply disappears. Am I missing something fundamental, or is this just another one of IE7's "features"? More to the point, are there any known fixes? Cheers.

 <style>
   ul li {
     max-width : 23em;
   }
 </style>
 
  <ul>
   <li>this is the first list item this is the first list item this is the first list item this is the first list item this is the first list item this is the first list item this is the first list item this is the first list item this is the first list item this is the first list item this is the first list item</li>
 
   <li>this is the second list item this is the second list item this is the second list item this is the second list item this is the second list item this is the second list item this is the second list item this is the second list item this is the second list item this is the second list item this is the second list item</li>
 
   <li>this is the third list item this is the third list item this is the third list item this is the third list item this is the third list item this is the third list item this is the third list item this is the third list item this is the third list item this is the third list item this is the third list item</li>
  </ul>

[ConanTheVegetarian]

<tumbleweed>...</tumbleweed>

[AricC]

I don't have IE7 refuse to install it. Have you tried putting a div around the list with the max width? "Features" that is funny!

[ConanTheVegetarian]

I don't have IE7 refuse to install it. Have you tried putting a div around the list with the max width?

Cunning! Stick the max width on the div instead.

Yep, that fixes it. Thanks.

Unfortunately can't really avoid having IE (versions 3,4,5,5.5,6,7 thanks to evolt.org) installed for x-browser testing purposes.

[drhowarddrfine]

I believe you should put that on the ul and not the li.

[AricC]

Cunning! Stick the max width on the div instead.

Yep, that fixes it. Thanks.

Unfortunately can't really avoid having IE (versions 3,4,5,5.5,6,7 thanks to evolt.org) installed for x-browser testing purposes.

I haven't designed any web apps or sites lately so I haven't bothered installing IE7. From what I've heard I'm not missing much.

[drhowarddrfine]

I see absolutely no reason to have to support IE<5.5 and I'm not so sure about 5.5 either.

[ConanTheVegetarian]

I believe you should put that on the ul and not the li.

Technically, yes, but see my previous comment about IE7 then not displaying the bullet point.

[ConanTheVegetarian]

I see absolutely no reason to have to support IE<5.5 and I'm not so sure about 5.5 either.

Probably right. :-)