Đây là code menu mà mình làm mẫu trên. mong ad xem và chỉ mình cần sửa chỗ nào để khắc phục lỗi trên.
<style type="text/css">
.sidebarmenu ul{
margin: 0;
padding: 0;
list-style-type: none;
font: bold 12px verdana;
width: 180px; /* Độ rộng của menu chính cấp 1 */
border-bottom: 1px solid #ccc;
}
.sidebarmenu ul li{
position: relative;
}
/* Top level menu links style */
.sidebarmenu ul li a{
display: block;
overflow: auto; /*force hasLayout in IE7 */
color: white;
text-decoration: none;
padding: 6px;
border-bottom: 1px solid #778;
border-right: 1px solid #778;
}
.sidebarmenu ul li a:link, .sidebarmenu ul li a:visited, .sidebarmenu ul li a:active{
background-color: #339900; /*background of tabs (default state)*/
}
.sidebarmenu ul li a:visited{
color: white;
}
.sidebarmenu ul li a:hover{
background-color: black;
}
/*Sub level menu items */
.sidebarmenu ul li ul{
position: absolute;
width: 180px; /* Độ rộng của menu con cấp 2 và 3 */
top: 0;
visibility: hidden;
}
.sidebarmenu a.subfolderstyle{
background: url(http://1.bp.blogspot.com/-y3RVHVNLPHQ/T6mnboHRSYI/AAAAAAAAZd4/Mdv1aX7eR9k/s1600/right.gif) no-repeat 97% 50%;
}
</style>
<script type="text/javascript">
var menuids=["sidebarmenu1"] //Enter id(s) of each Side Bar Menu's main UL, separated by commas
function initsidebarmenu(){
for (var i=0; i<menuids.length; i++){
var ultags=document.getElementById(menuids[i]).getElementsByTagName("ul")
for (var t=0; t<ultags.length; t++){
ultags[t].parentNode.getElementsByTagName("a")[0].className+=" subfolderstyle"
if (ultags[t].parentNode.parentNode.id==menuids[i]) //if this is a first level submenu
ultags[t].style.left=ultags[t].parentNode.offsetWidth+"px" //dynamically position first level submenus to be width of main menu item
else //else if this is a sub level submenu (ul)
ultags[t].style.left=ultags[t-1].getElementsByTagName("a")[0].offsetWidth+"px" //position menu to the right of menu item that activated it
ultags[t].parentNode.onmouseover=function(){
this.getElementsByTagName("ul")[0].style.display="block"
}
ultags[t].parentNode.onmouseout=function(){
this.getElementsByTagName("ul")[0].style.display="none"
}
}
for (var t=ultags.length-1; t>-1; t--){ //loop through all sub menus again, and use "display:none" to hide menus (to prevent possible page scrollbars
ultags[t].style.visibility="visible"
ultags[t].style.display="none"
}
}
}
if (window.addEventListener)
window.addEventListener("load", initsidebarmenu, false)
else if (window.attachEvent)
window.attachEvent("onload", initsidebarmenu)
</script>
<div class="sidebarmenu">
<ul id="sidebarmenu1">
<li><a href="http://mqpro.tk/bv/danh-sach/16/phan-mem-hoc-tap.html">Phần mềm học tập</a></li>
<li><a href="#">Phần mềm tiện ích</a>
<ul>
<li><a href="http://mqpro.tk/bv/danh-sach/7/phan-mem-hay.html">Tiện ích hay</a></li>
<li><a href="http://mqpro.tk/bv/danh-sach/24/phan-mem-do-hoa.html">Thiết kế đồ họa</a></li>
<li><a href="http://mqpro.tk/bv/danh-sach/11/phan-mem-media.html">Đa phương tiện</a></li>
<li><a href="http://mqpro.tk/bv/danh-sach/14/phan-mem-he-dieu-hanh.html">Hệ điều hành</a></li>
<li><a href="http://mqpro.tk/bv/danh-sach/34/phan-mem-diet-virus-hieu-qua-1.html">Diệt virus</a></li>
<li><a href="http://mqpro.tk/bv/danh-sach/9/phan-mem-doi-duoi.html">Đổi đuôi đa năng</a></li>
<li><a href="http://mqpro.tk/bv/danh-sach/17/phan-mem-cho-mobile.html">Dành cho mobile</a></li>
<li><a href="http://mqpro.tk/bv/danh-sach/15/phan-mem-chup-hinh-may-tinh.html">Chụp hình màn hình</a></li>
<li><a href="http://mqpro.tk/bv/danh-sach/10/phan-mem-doi-giao-dien-pc.html">Đổi giao diện PC</a></li>
<li><a href="http://mqpro.tk/bv/danh-sach/8/phan-mem-quet-don-pc.html">Gỡ bỏ cài đặt</a></li>
</ul>
</li>
<li><a href="#">Tiện ích online</a>
<ul>
<li><a href="http://mqpro.tk/bvct/chi-tiet/505/karaoke-online.html">Karaoke online</a></li>
<li><a href="http://mqpro.tk/bvct/chi-tiet/511/xem-chi-so-chung-khoan.html">Chỉ số chứng khoán</a></li>
<li><a href="http://mqpro.tk/bvct/chi-tiet/510/xem-ti-gia-vang-trong-nuoc.html">Giá vàng</a></li>
<li><a href="http://mqpro.tk/bvct/chi-tiet/507/xem-ket-qua-so-xo.html">Kết quả xổ số</a></li>
<li><a href="http://mqpro.tk/bvct/chi-tiet/508/hoi-dap-thac-mac-ve-luat.html">Hỏi đáp về luật</a></li>
<li><a href="http://mqpro.tk/bvct/chi-tiet/506/hoc-thanh-ngu-tieng-anh.html">Thành ngữ tiếng anh</a></li>
<li><a href="http://mqpro.tk/bvct/chi-tiet/509/be-tap-lam-toan-lop-1.html">Bé làm toán lớp 1</a></li>
</ul>
</li>
<li><a href="#">Thủ thuật facebook</a>
<ul>
<li><a href="http://mqpro.tk/bvct/chi-tiet/539/hack-sub-facebook.html">Hack sub facebook</a></li>
<li><a href="http://mqpro.tk/bvct/chi-tiet/540/5-thu-thuat-hay-cho-facebook.html">5 thủ thuật facebook</a></li>
<li><a href="http://mqpro.tk/bvct/chi-tiet/541/3-thu-thuat-hay.html">3 thủ thuật facebook</a></li>
</ul>
</li>
<li><a href="http://mqpro.tk/bvct/chi-tiet/513/thu-thuat-blog.html">Thủ thuật Blog</a></li>
<li><a href="#">Hình nền đẹp</a>
<ul>
<li><a href="http://mqpro.tk/bvct/chi-tiet/516/hinh-nen-game-sieu-dep.html">Hình nền game</a></li>
<li><a href="http://mqpro.tk/bvct/tien-ich-hay/113/hinh-kinh-di.html">Hình nền kinh dị</a></li>
</ul>
</li>
<li><a href="#">Truyện hay</a>
<ul>
<li><a href="http://mqpro.tk/bvct/chi-tiet/305/truyen-tinh-yeu.html">Truyện tình yêu</a></li>
<li><a href="http://mqpro.tk/bvct/chi-tiet/251/truyen-cuoi.html">Truyện cười</a></li>
<li><a href="http://mqpro.tk/bvct/chi-tiet/328/truyen-ma.html">Truyện ma</a></li>
</ul>
</li>
<li><a href="http://mqpro.tk/bvct/chi-tiet/512/ky-nang-giao-tiep.html">Kỹ năng giao tiếp</a></li>
<li><a href="http://mqpro.tk/bvct/chi-tiet/514/nghe-thuat-chem-gio.html">Nghệ thuật chém gió</a></li>
</li></li></ul></div>
