Height Issue

[cwstech]

I'm having an issue with height in one of my div tags.

I'm trying to create a line-break basically. This is the code I am using.

.spacer
{
background: url(images/line_bg.gif) #003d5c repeat-x bottom right;
width: 710px;
height: 1px;
}

In Firefox it shows up great but not in Internet explorer. It shows up a lot thicker.

Here is the site

http://www.fellowshipse.com

Can someone please help me

thanks.

[jc_gmk]

You could use a <hr /> instead of the div.

but if you want to use the div then I think either
line-height:1px;
or
font-size:1px;
will solve your problem :)

[boogyman]

element {
display: block;
}

if all you are trying to do is create a linebreak, use the code above.
that will force whatever element to display on its own line.

[cwstech]

You could use a <hr /> instead of the div.

but if you want to use the div then I think either
line-height:1px;
or
font-size:1px;
will solve your problem :)

using the font size worked for me. Thanks a lot.