كود لوضع قوائم بشكل مميز حصريا

[hide]
<table border="3" width="520"
height="20"
bordercolor="#E9AB17"
align="center">
 <tr>
<td height="10" width="10">
<CENTER>
<style type="text/css">
#kirmiziblokmenu{
border: 2px solid black;
border-bottom-width: 0;
width: 185px;
}
#kirmiziblokmenu ul{
margin: 0;
padding: 0;
list-style-type: none;
font: normal 90% 'Trebuchet MS',
'Lucida Grande', Arial, sans-serif;
}
#kirmiziblokmenu li a{
display: block;
padding: 11px 0;
padding-left: 9px;
width: 161px;
text-decoration: none;
color: black;
background-color: #990000;
border-bottom: 1px solid #90bade;
border-left: 7px solid #ff3333;
border-right: 7px solid #ff3333;
}
* html #kirmiziblokmenu li a{
width: 180px;
width: 180px;
}
#kirmiziblokmenu li a:hover {
background-color: #ffff99;
border-left-color: #990000;
border-right-color: #990000;
}
#kirmiziblokmenu div.menutitle{
color: #ff3333;
border-bottom: 1px solid black;
padding: 5px 0;
padding-left: 7px;
background-color: Black;
font: bold 100% 'Trebuchet MS',
Arial, sans-serif;
}
</style>
<div id="kirmiziblokmenu"
style="width: 184px; height:
380px">
<div class="menutitle">??
MENU</div>
<ul>
<div class="menutitle">?القسم
الأول</div>
<li><a
href="[url=http://kasimi1973.ahlamonta]http://kasimi1973.ahlamonta[/url]
da.com?sk=app_17037175766">
قاسمي نت</a> </li>
<li><a
href="kasimi1973.ahlamontada.co
m">الزر الثانى</a> </li>
<li><a
href="kasimi1973.ahlamontada.co
m">الزر الثالث</a> </li>
<li><a
href="kasimi1973.ahlamontada.co
m">الزر الرابع</a> </li>
<div class="menutitle">?القسم
الثانى</div>
<li><a
href="kasimi1973.ahlamontada.co
m">الزر الأول</a> </li>
<li><a
href="kasimi1973.ahlamontada.co
m">الزر الثانى</a> </li>
<li><a
href="kasimi1973.ahlamontada.co
m">الزر الثالث</a> </li>
<li><a
href="kasimi1973.ahlamontada.co
m">الزر الرابع</a> </li></ul></div>
</CENTER>[/hide]