hr leaves gap in IE but not in FF 1

[thompom]

Hi,

I use the following to create a thin horizontal line on my site, in IE the line has gap on top and bottom but in FF there is no gap - can anyone tell me why and maybe how to resolve this issue ?

css

.menulineclass {  
text-align: center;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
width:100%;
border-bottom:1px solid #666666;
font-size:0em;
}

html

<hr class="menulineclass">

i can post an example but didnt want my link to be
seen as advertising

thanks in advance MG

 

[ck1999]

Please post the entire css and code or post the link to the site.

ck1999

 

[Vragabond]

I agree that showing example would help us determine what is it that's causing the unwanted gap. In the meantime read this article on styling the hr:

http://www.sovavsiti.cz/css/hr.html

___________________________________________________________
[small]Do something about world cancer today: Comprehensive cancer control information at PACT[/small]

 

[ClulessChris]

Vragabond, a star for you.

Never knock on Death's door: ring the bell and run away! Death really hates that!

 

[ChrisHunt]

Thompom, it doesn't really answer your question, but have you considered ditching the <hr> altogether and giving a [tt]border-bottom[/tt] to the element above it instead?

<hr>s have their place, but they're largely redundant in the days of CSS.

-- Chris Hunt
Webmaster & Tragedian
Extra Connections Ltd