IE issue, or am i doing it wrong?

[elebee]

Hi guys/girls

Just doing a simple bar:

#bar {
height:5px;
background:#666666;
border-top:1px solid #F7E152;
border-bottom:1px solid #F7E152;
}

Is a lot higher than 5pixels when viewed in IE.

I could make it an image but wanted to know if it was possible to get it to work correctly in IE.

Or is there a better way of doing this:

Thanks

Elle Beeeeeeeeeeeeeeeeeeeeeeeeeeeeez

 

[BabyJeffy]

Extending your CSS...

#bar {
 height:5px;
 background:#666666;
 border-top:1px solid #F7E152;    
 border-bottom:1px solid #F7E152;
 [COLOR=red]margin:0;
 padding:0;
 display:block;
 position:relative;[/color]
}

If that doesn't immediately fix things, then you may be wise to post a URL to the page (since it's probably something else in your CSS/HTML causing it).

I assume that you are validating to a correct doctype (if not, google for doctype and search the posts here for details on choosing a valid doctype for your purpose.

Cheers,
Jeff

[tt]Jeff's Page [/tt][tt]@[/tt][tt] Code Couch

http://www.codecouch.com/jeff/

[/tt]

 

[elebee]

Hi jeffbaby,

unfortunately that doesn't fix the problem, but thanks.

heres the URL:

http://clearindesign.co.uk/will/

thanks for the help

Ele

 

[BabyJeffy]

Ahhhh. It appears that if you change the CSS for #bar to the following it will work:

#bar {
 [COLOR=red]font-size:1px;[/color]
 height:5px;
 background:#666666;
 border-top:1px solid #F7E152;
 border-bottom:1px solid #F7E152;
}

Cheers,
Jeff

[tt]Jeff's Page [/tt][tt]@[/tt][tt] Code Couch

http://www.codecouch.com/jeff/

[/tt]

 

[elebee]

ahh haaaaaaaaaaaaaaaaaaaa

Thanks Jeff,

made me a happy honey Beee