مفاجئة

    <div id="menu"><div id="menubody">
    <ul id="menulist">
    <li><a href="http://akwad.lolbb.com/">أكواد مميزة</a></li>
    <li><a href="http://www.topactis.com/f39-montada">أسمايلات</a></li>
    <li><a href="http://www.topactis.com/f40-montada">أكسسوارات</a></li>
    <li><a href="http://www.topactis.com/f41-montada">ماوسات</a></li>
    <li><a href="http://www.topactis.com/f10-montada">ردود جاهزة</a></li>
      </ul>
    </div><div id="menubottom"></div>
    </div>
    </body>
    </html>

    * {margin:0; padding:0;}

    div#menu {width:184px; background:url(http://bwebi.com/uploaded/Image/photoshopslice/menu_1.gif) top no-repeat; padding-top:44px;}

    div#menubody {background:url(http://bwebi.com/uploaded/Image/photoshopslice/menu_2.gif) repeat-y; padding-left:21px;}

    div#menubottom {height:26px; background:url(http://bwebi.com/uploaded/Image/photoshopslice/menu_4.gif) bottom no-repeat;}

    ul#menulist {width:144px; list-style-type:none;}

    ul#menulist li {height:27px; background:url(http://bwebi.com/uploaded/Image/photoshopslice/menu_3.gif) bottom repeat-x;}

    ul#menulist a {width:122px; height:20px; border-left:#75c5de 10px solid; font:bold 17px Verdana, Arial, sans-serif; color:#ffffff; text-decoration:none; padding:5px 0 0 10px; display:block !important; display:inline-block;}

    ul#menulist a:hover {background:url(http://bwebi.com/uploaded/Image/photoshopslice/menu_5.jpg) left repeat-y;}