I'm aijun

1. <style type="text/css">   
2. <!--   
3. #siteNav {   
4. clear: both;   
5. float:left;   
6. width:750px;   
7. padding-left: 1px;   
8. background: #fff;   
9.   
10. font-size:12px;   
11. font-weight: bold;   
12. line-height:normal;   
13. border-bottom:2px solid #84B0C7;   
14. voice-family: "\"}\"";   
15. voice-family: inherit;   
16. width: 749px;   
17. }   
18. #siteNav ul {   
19. margin:0;   
20. padding:0;   
21. list-style:none;   
22. }   
23. #siteNav li {   
24. display:inline;   
25. margin:0;   
26. padding:0;   
27. }   
28. #siteNav a {   
29. float:left;   
30. background:url(tableft.gif) no-repeat left top;   
31. margin:0;   
32. padding:0 0 0 4px;   
33. text-decoration:none;   
34. }   
35. #siteNav a span {   
36. float:left;   
37. display:block;   
38. background:url(tabright.gif) no-repeat rightright top;   
39. padding:5px 11px 4px 5px;   
40. color:#036;   
41. }   
42. /* Commented Backslash Hack hides rule from IE5-Mac \*/  
43. #siteNav a span {   
44. float:none  
45. }   
46. /* End IE5-Mac hack */  
47. #siteNav a:hover span {   
48. color:#036;   
49. }   
50. #siteNav a:hover {   
51. background-position:0% -42px;   
52. }   
53. #siteNav a:hover span {   
54. background-position:100% -42px;   
55. }   
56. #siteNav #sel a {   
57. background-position:0% -42px;   
58. }   
59. #siteNav #sel a span {   
60. background-position:100% -42px;   
61. }   
62. -->   
63. </style>  

XHTML部分：

1. <div id="siteNav">  
2. <ul>  
3. <li id="sel"><a href="#"><span>首页</span></a></li>  
4. <li><a href="#"><span>资讯</span></a></li>  
5. <li><a href="#"><span>人物</span></a></li>  
6. <li><a href="#"><span>管理</span></a></li>  
7. <li><a href="#"><span>经营</span></a></li>  
8. <li><a href="#"><span>财经</span></a></li>  
9. <li><a href="#"><span>技术</span></a></li>  
10. <li><a href="#"><span>产品</span></a></li>  
11. <li><a href="#"><span>网络</span></a></li>  
12. <li><a href="#"><span>电信</span></a></li>  
13. <li><a href="#"><span>评论</span></a></li>  
14. <li><a href="#"><span>博客</span></a></li>  
15. <li><a href="#"><span>老友记</span></a></li>  
16. <li><a href="#"><span>滚动</span></a></li>  
17. <li><a href="#"><span>搜索</span></a></li>  
18. <li><a href="#"><span>WAP</span></a></li>  
19. </ul>  
20. </div>