导航条变小的问题

PcrazyC 2009-07-23 10:17:14

我本来用JS弄了一个导航条，单独测试的时候还不错，但在下面再加一点东西就变很小了，怎么回事啊?

加的内容如下

<link href="styles.css" rel="stylesheet" type="text/css" media="screen" />



	<tr>

	<br>

	<td>

	<div id="left">

			<h3>Nunc pellentesque    <a href="http://www.865171.cn"><font color=white>more</a></h3>

			<ul>

				<li><ul>

					<li><a href="http://www.865171.cn">Vivamus id arcu</a></li>

					<li><a href="http://www.865171.cn">Duis congue ultricies</a></li>

					<li><a href="http://www.865171.cn">Purus in mollis purus</a></li>

					<li><a href="http://www.865171.cn">Orci nonummy fringilla</a></li>

					<li><a href="http://www.865171.cn">Pellentesque at lorem</a></li>

					<li><a href="http://www.865171.cn">Enim vivamus convallis</a></li>

					<li><a href="http://www.865171.cn">Ipsum vitae felis</a></li>

					<li><a href="http://www.865171.cn">Integer facilisis</a></li>

					<li><a href="http://www.865171.cn">Sagittis Bibendum Erat</a></li>

					<li><a href="http://www.865171.cn">Malesuada Turpis</a></li>

					<li><a href="http://www.865171.cn">Quis Gravida Massa</a></li>

					<li><a href="http://www.865171.cn">Inerat Viverra Ornare</a></li>

				</ul>

			  </li>

			</ul>

	</div>

	</td>

	<br>

	</tr>

CSS内容如下:

*

{

margin: 0px;

padding: 0px;

}



#menu ul {

	list-style: none;

	

}



#menu li {

	display: inline;

}



#left

{

	padding: 10px;

	width: 240px;

	padding-right: 1em;

}



#left H3

{

width: 225px;

height: 25px;

font-size: 14px;

font-weight: bold;

padding-left: 15px;

padding-top: 15px;

text-transform: uppercase;

color: #ffffff;

background: url(images/title.gif) no-repeat

}



#left ul {

	list-style: none;

	border-bottom: 1px solid #629351;

	border-left: 1px solid #629351;

	border-right: 1px solid #629351;

}



#left li ul {

	border: 0px;

	margin-left: 20px;

	margin-bottom: 10px;

}



#left li li {

	padding: 4px 20px;

    background: url(images/small.gif) no-repeat left;

}



#left a {

	color: #3a7100;

}

#left a:visited {

	color: #3a7100;

}