我做了一些研究并尝试了一些方法，但似乎没有什么能用于IE。
我有一个垂直列表样式菜单。例子是
<ul class="menuleft">
<li><a href="index.php" >Home</a></li>
<li><a href="maritime-marinas.php" >Maritime Marinas</a></li>
</ul>
我的CSS是
ul.menuleft {list-style-type: none; margin:0; padding:0;}
.menuleft li {
width:248px;
height:47px;
background-image:url(images/left-menu-bg-off.png);
background-repeat: no-repeat;
margin: 0px;
padding: 0px;
line-height:47px;
text-align: left;
text-indent: 60px;
}
.menuleft {text-decoration: none; font-family:Arial Narrow, Arial; color:#FFFFFF; text-shadow: 1px 1px 1px #052f5b; font-size:18px;}
.menuleft a:link {text-decoration: none; font-family:Arial Narrow, Arial; color:#FFFFFF; text-shadow: 1px 1px 1px #052f5b; font-size:18px;}
.menuleft a:visited {text-decoration: none; font-family:Arial Narrow, Arial; color:#FFFFFF; text-shadow: 1px 1px 1px #052f5b; font-size:18px;}
.menuleft a:hover {text-decoration: underline; font-family:Arial Narrow, Arial; color:#FFFFFF; text-shadow: 1px 1px 1px #052f5b; font-size:18px;}
.menuleft a:active {text-decoration: none; font-family:Arial Narrow, Arial; color:#FFFFFF; text-shadow: 1px 1px 1px #052f5b; font-size:18px;}
垂直文本适用于Firefox，Safari和Chrome。但不是IE 7 8或9（也不是Opera）
请帮忙。谢谢