Styling a hr for internet explorer

Posted by Qwibble on Stack Overflow See other posts from Stack Overflow or by Qwibble
Published on 2010-01-06T23:52:16Z Indexed on 2010/03/20 13:31 UTC
Read the original article Hit count: 347

Filed under:
|
|
|
|

Hey, in my quest to create as image light a site as possible, I'm looking to create two tone hr's.

I've achieved this in modern browsers, but want to achieve the same effect in ie6 and 7.

The current code I am using is

hr {
    border-bottom:1px solid #FFFFFF; 
    border-top:1px solid #dcdcdc; 
    clear:both; 
    height:0; 
    border-left:0px; 
    border-right:0px;
}

I've tried, with no success to make this work in ie6 and 7 without having to target the browsers specifically. Any thoughts?

(Heres my current project where I am employing this code, and looking to make it cross browser - http://www.qwibbledesigns.co.uk/preview/aurelius/ )

Cheers

Matt

© Stack Overflow or respective owner

Related posts about hr

Related posts about html