HTML:
<div id="boxtitle">
<ul>
<li id="b1"><a href="http://www.w3cn.org/article/step/index.html">循序渐进</a></li>
<li id="b2"><a href="http://www.w3cn.org/article/translate/index.html">翻译文章</a></li>
<li id="b3"><a href="http://www.w3cn.org/article/layout/index.html">布局代码</a></li>
<li id="b4"><a href="http://www.w3cn.org/article/tips/index.html">心得经验</a></li>
</ul>
</div>
CSS
#boxtitle{
CLEAR:both;
MARGIN-RIGHT: auto;
MARGIN-LEFT: auto;
MARGIN-TOP:0px;
MARGIN-BOTTOM:0px;
PADDING: 0px;
BACKGROUND: url(img_box4.gif) #FFF no-repeat left top;
WIDTH:776px;
HEIGHT:105px;
}
#boxtitle ul {
CLEAR: left;
MARGIN: 0px;
PADDING: 0px 0px 0px 0px;
BORDER:0px;
LIST-STYLE-TYPE: none;
HEIGHT:105px;
}
#boxtitle li {
FLOAT: left;
DISPLAY: block;
MARGIN: 5px 0px 0px 0px;
PADDING:0px;
TEXT-ALIGN: center;
BACKGROUND: url(li_title.gif) transparent no-repeat 10px 2px;
}
#boxtitle li a {
MARGIN:0px;
PADDING:0px;
DISPLAY: block;
WIDTH: 100%;
COLOR: #FFF;
FONT-WEIGHT:bold;
TEXT-DECORATION: none;
}
#boxtitle li a:hover {
FONT-WEIGHT: bold;
COLOR: #60A179;
TEXT-DECORATION:underline;
DISPLAY: block;
BACKGROUND: url(li_wtitle.gif) transparent no-repeat 10px 2px;
}
#boxtitle ul li#b1 A {WIDTH: 192px;}
#boxtitle ul li#b2 A {WIDTH: 192px;}
#boxtitle ul li#b3 A {WIDTH: 192px;}
#boxtitle ul li#b4 A {WIDTH: 192px;}

哪里有问题?