Topic: a link when using id

okay thanks now i got that to work. i didnt us the suckerfish but i used the list-stlye: none; the problem im having now is that if it turnes all my links on the page to the same color and attributes as the rollover. this is my code

<div id="navigation">Content for  id "navigation" Goes Here</div>
	<div id="left">
		<ul>
		<li><a href="#">Home</a></li>
		<li><a href="#">Pictures</a></li>
		<li><a href="#">Awards</a></li>
		<li><a href="#">Articles</a></li>
		</ul>
                 </div>

this is the css2 for that code

#left {
	padding: 5px;
	height: 500px;
	margin: 0;
	width: 20%;
	right: auto;
	background-color: #9A918A;
	border: thick double #666666;
	list-style-type: none;
	position: static;
}
#left ul {
	list-style-type: none;
	width: 100%;
	margin: 0;
	padding: 0;
	height: 10px;
}
#left a {
	display: block;
	width: 100%;
	text-decoration: none;
	color: #333333;
	font-weight: bold;
}
#left a:hover {
	color: #CCCCCC;
	background-color: #666666;
}

i thought if i used the #left before the a link it would only change the a links inside the div with the id="left". anyone know what im doing wrong

No need to double post, Hustluz, the question would have been noticed in the other thread just as soon as here.

It might be because all your links go to the same place, '#', try putting real href values in and see if that makes a difference, also #left is a little dubious for an id, perhaps it should be #leftNav or something similar.

Cheers,