Ok, I tried applying this on the <a> tag and it's also broken in IE6/IE7. This looks like a fundamental rendering bug in IE6/IE7. I'm going to have to remove the border entirely and go explicit with a vertical pipe |. Time to go ask the programmers to make a change.
--Stephen On Wed, Apr 15, 2009 at 2:43 PM, Stephen Tang <[email protected]> wrote: > Hi Brian, > Actually, the <li> tags are display: inline. However, there was a > float: none that was taking precedence over the float: left in another > class. When I remove it, I can see what IE6/IE7 is doing. The <li> > box is actually two lines. > > http://www.stephentang.info/ie/test2.html > > Hmm, I may have to try applying borders on the anchor tag instead. > > --Stephen > > On Wed, Apr 15, 2009 at 2:36 PM, Brian Hazelton <[email protected]> wrote: >> instead of display:inline try float:left, it won't allow the items to >> wrap, if it is too long for the line, it will bring it down to the next. >> This may not be the best answer but it should work. >> >> >> > ______________________________________________________________________ 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/
