div problem with IE but not FF why? code posted...

Do you have a question? Post it now! No Registration Necessary.  Now with pictures!

Threaded View
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,

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 ">
<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;

<div id="outer">
<div id="faq">
    <h3>link list  </h3>
      <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>

Re: div problem with IE but not FF why? code posted...

Jim S. wrote:
Quoted text here. Click to load it
  Add "display:block" to "#faq a:link:hover".

jmm (hyphen) list (at) sohnen-moe (dot) com
(Remove .AXSPAMGN for email)

Site Timeline