[問題] 新手問IE6,7 float:left的問題

[wukoto (吳飛)]

http://wusinhan.myweb.hinet.net/test.html

這是遇到問題的網頁，

上面用li去做的按鈕，在IE8、Chrome、FF看正常，

但是到了IE6跟IE7就會變成這樣：

http://wusinhan.myweb.hinet.net/test.jpg

我不知道要在那裏修正才能讓它顯示的跟在其他環境下相同，

因為我是很菜的新手，請高手幫我這個忙，謝謝。 orz



以下是CSS：

ul.title {margin: 15px;}
li.title {
        border: 1px solid #666;
        background: url(../images/black_bg.gif);
        letter-spacing: 1pt;
        text-align: center;
}
#service {
        border: 1px solid #666;
        background: black;
        width: 220px;
}
#service li {
        line-height: 20px;
}
#service li a {
        float: left;
        width: 60px;
        height: 60px;margin:10px 5px 0 0
        display: block;
        line-height: 9000px;
        overflow: hidden;
}
#service li.email a      {background: url(../images/service_btn.png);}
#service li.email a:hover{background: url(../images/service_btn.png) 0 60px;}
#service li.skype a      {background: url(../images/service_btn.png) 60px 0;}
#service li.skype a:hover{background: url(../images/service_btn.png) 60px 60px;}
#service li.line {clear: left;height: 20px;background: url(../images/line.gif)}

--
※ 發信站: 批踢踢實業坊(ptt.cc) 
◆ From: 60.251.189.217
推 Ken52039:ul也加上float
→ mervynW:http://www.ie6countdown.com/
→ tyf99:line-height 拿掉