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

Discussion in 'HTML' started by Jim S., Mar 11, 2006.

  1. Jim S.

    Jim S. Guest

    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>
     
    Jim S., Mar 11, 2006
    #1
    1. Advertisements

  2. Jim S.

    Jim Moe Guest

    Jim S. wrote:
    > 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,
    >

    Add "display:block" to "#faq a:link:hover".

    --
    jmm (hyphen) list (at) sohnen-moe (dot) com
    (Remove .AXSPAMGN for email)
     
    Jim Moe, Mar 11, 2006
    #2
    1. Advertisements

Want to reply to this thread or ask your own question?

It takes just 2 minutes to sign up (and it's free!). Just click the sign up button to choose a username and then you can ask your own questions on the forum.
Similar Threads
  1. Mr. SweatyFinger

    why why why why why

    Mr. SweatyFinger, Nov 28, 2006, in forum: ASP .Net
    Replies:
    4
    Views:
    1,374
    Mark Rae
    Dec 21, 2006
  2. Mr. SweatyFinger
    Replies:
    2
    Views:
    2,842
    Smokey Grindel
    Dec 2, 2006
  3. Skybuck Flying
    Replies:
    16
    Views:
    935
    tragomaskhalos
    Aug 25, 2007
  4. K Viltersten

    <div ... /> and <div ...></div>

    K Viltersten, Mar 30, 2009, in forum: ASP .Net
    Replies:
    4
    Views:
    1,119
  5. Upstart
    Replies:
    1
    Views:
    201
    Tad McClellan
    Aug 11, 2003
  6. Dwayne Madsen

    Q: Div A inside Div B is larger than Div B

    Dwayne Madsen, Jun 1, 2005, in forum: Javascript
    Replies:
    1
    Views:
    479
    David Dorward
    Jun 1, 2005
  7. mscir
    Replies:
    3
    Views:
    561
    Martin Honnen
    Jun 26, 2005
  8. Replies:
    2
    Views:
    193
Loading...