|
|
Posted by Jim S. on 03/11/06 20:31
hi,
here is the code that am working with, in FF it works like it should to, but
in IE it is not behaving, so what is the problem , can anyone tell?
I want the hover to change the background color ( i know it can be done in
tables and javascript, but i want this to work in this case)
so can anyone help please,
thanks
here is the code.
<!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=iso-8859-1" />
<title>Untitled Document</title>
<style type="text/css">
<!--
#faq a:link {
display: block;
}
#faq a:hover {
background-color: #009900;
}
#faq li {
margin: 0px;
padding: 0px;
list-style-type: none;
display: block;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #EEE;
}
#faq {
padding: 0px;
margin: 0px;
}
#faq ul {
padding: 0px;
margin: 0px;
}
#outer {
width: 200px;
}
-->
</style>
</head>
<body>
<div id="outer">
<div id="faq">
<h3>link list </h3>
<ul>
<a href="#">link1 </a>
<li><a href="#">link2</a></li>
<li><a href="#">link3</a></li>
<li><a href="#">link4</a></li>
<li><a href="#">link5</a></li>
<li><a href="#">link6</a></li>
<li><a href="#">link7</a></li>
<li><a href="#">link8</a></li>
<li><a href="#">link9</a></li>
<li><a href="#">link10</a></li>
<li><a href="#">link11</a></li>
</ul>
</div>
</div>
</body>
</html>
[Back to original message]
|