Below is my CSS and html Code...

1.I'm facing a problem with the menu like it looks perfect in Firefox and the same varies in IE...can anyone help me to get out of this..

2.I have some sub menu for a single base menu and i need an dotted arrow from base menu to all sub menus to show that the submenu comes under certain category(Not dynamic)

Eg:
Base menu
.
.
....>Sub menu
.
.
....>sub menu
.
.
.....>sub menu


CSS
~~

*{margin:0;padding:0;border:0;} 
Body{ 
padding: 0px; 
margin: 0px; 
} 
 
/* Global */ 
*{ 
font-size: 12px; 
font-family: "Courier New", Courier, monospace; 
} 
 
/* Unique Id For Top Menu */ 
#TopMenu { 
/*width: 220px; line-height: 24px; list-style-type: none; margin: 0px; padding: 0px; background-color: #6CA7D3;*/ 
width: 220px; line-height: 24px; list-style-type: none; margin: 0px; padding: 0px; background-color: #7EADAD; 
} 
#TopMenu a { 
display: block; width: 210px; padding-left: 10px; 
} 
#TopMenu a:link { 
color:#FFF; text-decoration:none; 
} 
#TopMenu a:visited { 
color:#FFF;text-decoration:none; 
} 
#TopMenu a:hover { 
color:#FFF;text-decoration:none; 
} 
 
#TopMenu li { 
width: 100%; 
} 
#TopMenu li a { 
border-bottom: 1px solid #FFF; 
} 
#TopMenu li a:hover{ 
background:#2782BB; 
} 
#TopMenu li a:focus{ 
background:#2782BB; 
} 
#TopMenu li ul { 
 
list-style-type: none; 
text-align:left;  
display:block;  
width: 180px;  
 
} 
#TopMenu li ul li{ 
width: 180px; background: #F6F6F6; 
} 
 
#TopMenu li ul a{ 
width: 156px;text-align:left;padding-left:24px; 
border-bottom-color:#000000; 
} 
#TopMenu li ul a:link { 
color:#666; text-decoration:none; 
} 
#TopMenu li ul a:visited { 
color:#666;text-decoration:none; 
} 
#TopMenu li ul a:hover { 
color:#FFF;text-decoration:none; background:#2782BB; 
} 
#TopMenu li ul a:focus { 
color:#FFF;text-decoration:none; background:#2782BB; 
} 
 
#TopMenu li:hover ul { 
display: block; 
} 
#TopMenu li.sfhover ul { 
display: block; 
} 
//--> 

HTML
~~~~

<ul id="TopMenu"> 
<li><a href="#">Home</a></li> 
<li><a href="#">About Us</a></li> 
<li><a href="#">Herschel Technologies</a> 
<ul> 
<li><a href="#">Software Training/IT-Enabled Services</a></li> 
<li><a href="#">Integrated Technologies-ELV/BMS</a></li> 
<li><a href="#">Hardware & Networking</a></li> 
<li><a href="#">HR Consulting</a></li> 
<li><a href="#">Visual Electronics</a></li> 
<li><a href="#">Distributorship</a></li> 
</ul> 
</li> 
<li><a href="#">Herschel Travels</a></li> 
<li><a href="#">Contact Us</a></li> 
</ul>

URI needed.