怎样才能看到下拉菜单的文字。求高手解答。（问题）
这个是我做的，但是看不清下拉菜单的文字。不知道怎么改。请高手帮忙解答。
我想要下面这张图的这种效果，只是这下面这个效果是竖着排列的，我想要横着排列的。。
谢谢了。 --------------------编程问答-------------------- 第一张图的代码如下：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style>
*{padding:0;margin:0;font-size:12px;}
.testDiv{width:198px;height:100px;border:1px solid #ccc;margin:0 0 5px 5px;display:none; }
li{background:#ccc;width:100px;margin:10px 0 0 5px;height:30px;line-height:24px;cursor:pointer;}
.main_div{
background:#0099FF;
}
.main_div ul li{
width:100px;
height:30px;
background:#CCCCCC;
float:left;
list-style:none;
margin-left:10px;
}
</style>
<script>
function ShowMe(obj){
var ShowObj=document.getElementById(obj);
ShowObj.style.display=(ShowObj.style.display=='block')?'none':'block';
}
</script>
</head>
<body>
<table width="100%" border="1" align="left">
<tr>
<td colspan="3"> </td>
</tr>
<tr>
<td width="4%">博客</td>
<td width="5%"> </td>
<td width="91%" rowspan="11"><div class="main_div">
<ul>
<li onclick="ShowMe('Div1')">
新浪
<div id="Div1" class="testDiv"><a href="www.sina.com.cn"> sina登陆地址 </a>
<br />
博客帐号：jishibaoyu@163.com<br />
博客链接：http://blog.sina.com.cn/jishibaoyu
<hr〉
博客帐号：haochi_lingshi@163.com
<br>
博客链接：http://blog.sina.com.cn/u/2458980272</div></li>
<li onclick="ShowMe('Div2')">凤凰
<div id="Div2" class="testDiv"> 第二个栏目 </div></li>
<li onclick="ShowMe('Div3')">搜狐
<div id="Div3" class="testDiv"> 第三个栏目 </div></li>
<li onclick="ShowMe('Div4')">人人网 </li>
<li onclick="ShowMe('Div5')">猫扑
<div id="Div5" class="testDiv"> 第三个栏目 </div></li>
<li onclick="ShowMe('Div6')">和讯
<div id="Div6" class="testDiv"> 第三个栏目 </div></li>
<li onclick="ShowMe('Div7')">天涯
<div id="Div7" class="testDiv"> 第三个栏目 </div></li>
<li onclick="ShowMe('Div8')">搜房
<div id="Div8" class="testDiv"> 第三个栏目 </div></li>
<li onclick="ShowMe('Div9')">西祠胡同
<div id="Div9" class="testDiv"> 第三个栏目 </div></li>
<li onclick="ShowMe('Div10')">qq空间
<div id="Div10" class="testDiv"> 第三个栏目 </div></li>
<li onclick="ShowMe('Div11')">百度空间
<div id="Div11" class="testDiv"> 第三个栏目 </div></li>
<li onclick="ShowMe('Div12')">博客网
<div id="Div12" class="testDiv"> 第三个栏目 </div></li>
<li onclick="ShowMe('Div13')">敏思博客
<div id="Div13" class="testDiv"> 第三个栏目 </div></li>
<li onclick="ShowMe('Div14')">歪酷博客
<div id="Div14" class="testDiv"> 第三个栏目 </div></li>
<li onclick="ShowMe('Div15')">东方财富网
<div id="Div15" class="testDiv"> 第三个栏目 </div></li>
<li onclick="ShowMe('Div16')">时尚博客
<div id="Div16" class="testDiv"> 第三个栏目 </div></li>
<li onclick="ShowMe('Div17')">39博客
<div id="Div17" class="testDiv"> 第三个栏目 </div></li>
<li onclick="ShowMe('Div18')">可团
<div id="Div18" class="testDiv"> 第三个栏目 </div></li>
<li onclick="ShowMe('Div18')">博客大巴
<div id="Div18" class="testDiv"> 第三个栏目 </div></li>
<li onclick="ShowMe('Div19')">时空博客
<div id="Div19" class="testDiv"> 第三个栏目 </div></li>
</ul>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
</div> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<
</table>
</body>
</html>
--------------------编程问答-------------------- 大家帮我看下 应该如何改动才能看清下拉菜单的文字。
补充：Java , Web 开发
