Vanilla 1 is no longer supported or maintained. If you need a copy, you can get it here.
HackerOne users: Testing against this community violates our program's Terms of Service and will result in your bounty being denied.

[CSS question] <li> items over two lines, bug in IE6?

3stripe3stripe ✭✭
edited November 2006 in Vanilla 1.0 Help
Hi folks

Another CSS puzzle for anyone who's bored.

I have an unordered list like this..


But items which wrap over 2 lines are doing something funny... look at "Wifi" for example!
The second line is positioned about 1px further to the left than the first line.... but only in IE5/6... doesn't happen in IE7

Any suggestions?

Here's the actual html page




  • Options
    edited October 2006
    Text-indent? or maybe kerning or letter-spacing? EDIT:
  • Options
    Maybe you could create an L-shaped bullet image that would force the 2nd line over.
  • Options
    perhaps you can read this article from Alistapart Taming Lists
  • Options
    I found this article at Alistapart sandbags.
  • Options
    I added
    #subnav li {text-indent: -1px;} and that looked to solve _that_ problem. Only issue is some other titles are a little off as well... not just the 2 lined li's.
  • Options
    Solved - it's the font. Lucida whatever it is... if you switch to Verdana etc this doesn't happen.
This discussion has been closed.