J
Jim S.
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>
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>