why dont the images show

[karlc87]

hi
just after a little help, dont understand why it will know show the images. its only a simple horizontal menu but for some reason the image and rolleover image will not show
html

<ul>
<li><a href="#">HOME</a></li>
<li><a href="#">GALLErY</a></li>
<li><a href="#">TRIP INFO</a></li>
<li><a href="#">FORUM</a></li>
<li><a href="#">CONTACT</a></li>
<li><a href="#">MEMBERS</a></li>
</ul>

CSS

<style type="text/css" media="screen">

ul li {
	display:inline;
	float:left;
	padding:0;
	margin:0;
	width:100%
	height:20px;
	
	
}

li {
	width:220px;
	height:25px;
	padding-right:5px;
	
}
li a:hover li a:active {
	background-image:url(images/images/button_active_06.jpg);

}

li a:visited li a:link {
	background-image:url(images/images/button_06.jpg);
	border-bottom:#000 1px solid;
	
}
</style>

i also tried it as li:visited li: link, but just get the same result

thank you

karl

[smokeys_13]

This selector:

li a:hover li a:active

Is just that, it is a selector - just one. Wherein you are targeting an active anchor inside an LI inside a hovered anchor inside another LI.

I believe you meant:

li a:hover, li a:active