Setting border property for input boxes works in firefox but not IE?

Discussion in 'CSS' started by streety, Dec 19, 2006.

0
  1. #1
    I've set the border property for an input box using css and sure enough viewing the page in firefox shows that it is set properly. However in internet explorer the border isn't set.

    I've tried to discover whether IE simply doesn't support setting the border property for input elements or whether the problem is with my css but haven't been able to discover anything.

    The relevant css

    #navlist input 
{
background-color: #6666ff;
border: 1px solid#ffffff;
color: #ffffff;
}

#navlist input:focus
{
background-color: #8181ff;
border: 1px solid#ffffff;
color: #000000;
}
    HTML:
    The changing background color and text color also don't work but that's a minor problem compared with the border.

    Link to the full page - http://www.jmstreet.info/tools/site_redesign/dev_layout.html

    As a sidenote, any general comments about the site would be appreciated.
     
    streety, Dec 19, 2006 IP
  2. TheHoff

    TheHoff Peon

    Messages:
    1,530
    Likes Received:
    130
    Best Answers:
    0
    Trophy Points:
    0
    #2
    Put a space inbetween solid and #fff.
     
    TheHoff, Dec 19, 2006 IP
    streety and Imran like this.
  3. streety

    streety Peon

    Messages:
    321
    Likes Received:
    15
    Best Answers:
    0
    Trophy Points:
    0
    #3
    Excellent, it is working as intended now. Just needed a fresh set of eyes. :)

    Thanks for the help.
     
    streety, Dec 19, 2006 IP