Bryce Fields wrote: > We are trying to create a columns of list items with the following HTML: [snipped] > The columns form as we wanted, but IE loses the list item bullet when > the list item is floated. We've found links to articles illustrating > the problem, but no one has a nice, semantic solution. Anyone know > what's going on and how we can fix it?
Hi Bryce, Seems floating LIs or ULs can indeed really cause a lot of issues. After some testing, I noticed I was able to achieve showing the bullets in Firefox, but more importantly, I was also able to make them disappear in the same manner that IE does by floating the UL. Odd results indeed. My supposition is that this is because floated elements automatically become display:block, which seems to be in some way over-riding the browser's internal display as list-item styling. Anyway, I wrote a solution for you which should be fairly cross-browser friendly (no support for IE5.5). It works well from what I can tell, but will require the (semantically unnecessary) addition of another element (I used a span) inside the LI to achieve the desired look. It'll be up to you to find that balance between semantic and pedantic. I published my results here: http://www.theholiergrail.com/tests/iebullets.php Hope it helps. --Bill Brown TheHolierGrail.com ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
