IE6中的水平导航菜单css存在问题

我有个问题。我有一个由官方css教程制作的水平导航菜单。以下是CSS：

div.horizontal
{
width:700px;
height:30px;
margin:0 auto;
}
div.horizontal ul
{
list-style-type:none;
margin:0;
padding:0;
}
div.horizontal li
{
float:left;
}
div.horizontal a
{
display:block;
position:relative;
padding-left:20px;
padding-right:20px;
padding-top:18px;
padding-bottom:0px;
}
div.horizontal a:link,div.horizontal a:visited
{

white-space: nowrap;
height: 40px;
line-height: 15px;
font-weight: normal;
font-size:12px;
overflow: hidden;
text-decoration: none;
text-transform: uppercase;
z-index: 100;
color: #fff;
cursor: pointer;
font-family:"Trebuchet MS", Arial, sans-serif;
}
div.horizontal a:hover,div.horizontal a:active
{
    background-image:url(images/horiz-menu-active.png);
    background-repeat:repeat-x;
color:#FFF;
}

HTML:

在包括IE7和IE8在内的所有浏览器中，它都像我所希望的那样正常，但在IE6中它是垂直的。请给我一些建议怎么办

---

这里的实例：

我建议您解决ie6的这个问题的方法是为

div.horizontal li添加一个固定的宽度

---

示例：只需替换css的这一部分

div.horizontal li
{
float:left;
}
div.horizontal a
{
display:block;
position:relative;
padding-left:20px;
padding-right:20px;
padding-top:18px;
padding-bottom:0px;
}

用这个

div.horizontal li
{
display:inline;
}
div.horizontal a
{
padding:18px 20px 0px 20px;
}

---

请同时提供你的HTML，或者最好是举个例子。你真的必须支持IE6吗？在我的国家，大多数人都是计算机文盲。并且使用该死的“蓝色图标”称之为互联网。所以没有评论：（啊哈，该死！这个国家是保加利亚吗？是的。我们的浏览器统计数据与世界统计数据相反

div.horizontal li
{
display:inline;
}
div.horizontal a
{
padding:18px 20px 0px 20px;
}