Accorsedriern
New Member
I've seen this issue around the web a ridiculous amount of times, but all so far have been based around \[code\]<li><a>Test</a></li>\[/code\] etc.What I'm trying to do, simply is:\[code\]<ul><li class="title">Test</li><li>Test2</li> ** These should float together on the same line **<li class="title clear">Test</li> ** New Line **<li>Test2</li></ul>\[/code\]This works fine for me on everything but IE6, in which puts the list elements on seperate lines.A jsFiddle of this can be found here: http://jsfiddle.net/pjWdg/Please view on IE6 to notice the error, every other browser works fine.I've tried:\[code\]ul, ul li { list-style: none; padding:0px; margin:0px;}.clear { clear: both;}li.title { width: 200px;}ul > li { float: left;}\[/code\]I've also tried:\[code\]ul > li { display: inline;}\[/code\]All to no success. Can anyone shed some light into how I can make this work? Thank you!