I'm using the following style on div tags in my code:

.bar	{
background-color:#DDDDDD;
height:4px;

}

This works fine in Firefox, however IE 6.0 renders the div at a height of 15-18px. Is there any way around this?

.bar {
background-color:#DDDDDD;
height:4px;
padding:0;
margin:0;

}

and if that does not work, put a spacer image in the div and set the size to 4px high

I suppose 4px high bars shouldn't contain text... put in font-size:0px; and probably line-height too.
There's something in the div, like, incorrectly handled white-space, and it's making it big i suppose.

Did you remember the closing tags for all of your divs? Are they correctly placed <div class="bar"></div><div id="new"></div>.

Thanks for the replies. I got around it by using an image. I did find out it was IE not handling white space well.