Don't know what is going on?

[deronsizemore]

For some reason IE is adding a few extra pixles of padding on one of my div's. If someone could take a look that'd be great.

website: www.geocities.com/deronsizemore/index.htm
CSS: www.geocitieis.com/deronsizemore/deronstyle.css

Problem: If you look at the "topwebsitecont" div IE is adding extra top padding? If you have Firefox or Mozilla, the page looks how I would like it to but IE is messing up...and for some reason only on that div...no other div I have on the site is doing this.


Thanks

-Deron

[Paul O'B]

Hi,

Looks like an IE double margin bug. If you take out the image above then the problem dsappears.

I suppose the easiest solution is just to give ie a reduced margin.

#topwebsitecont {
border-top: 1px solid #6666ff;
border-bottom: 1px dashed #6666ff;
padding-bottom: 8px;
margin-bottom: 8px;
padding-top: 8px;
clear: both;
}
* html #topwebsitecont {padding-top: 4px;}

Paul

[HiroP]

Worrying about 3 pixels?

HiroP

[deronsizemore]

Hi,

Looks like an IE double margin bug. If you take out the image above then the problem dsappears.

I suppose the easiest solution is just to give ie a reduced margin.

#topwebsitecont {
border-top: 1px solid #6666ff;
border-bottom: 1px dashed #6666ff;
padding-bottom: 8px;
margin-bottom: 8px;
padding-top: 8px;
clear: both;
}
* html #topwebsitecont {padding-top: 4px;}

Paul

thanks Paul. I always forget you can assign IE specific attributes.