Gap Between Divs Problem

[iaresean]

Hi All;

I am looking for an HTML/CSS genius to help me out on this one. I am practising layout of html pages but for some reason I am getting gaps between 2 of my divs. The one gap is 2px in height and the other is 1px in height.

I have posted the page temporarily in this location:

http://www.tamsinrelly.com/jacksafe/home/default.htm

Here is the link for the css script:

http://www.tamsinrelly.com/jacksafe/_style/jack.css

Could someone out there please help me out on this one? I would be greatly appreciative! I have been stumped for hours and hours on this.

Sean.

 

[iaresean]

Sorry, I should have specified that this an IE problem. It works 100% in FireFox.

Sean.

 

[ca8msm]

I guess it's an IE specific probl;em as I don't see it in FireFox or Opera. As it looks fine in these it may be a padding or margin issue. Try starting your stylesheet with:

        * {
		margin:0;
		padding:0;
		}

Then at least you will be on a level playing field from the start.



____________________________________________________________

Need help finding an answer?

Try the Search Facility or read FAQ222-2244 on how to get better results.

 

[iaresean]

Good tip, certainly one I will take forward to the future, but it didn't solve my problem in this case. :-(



Sean.

 

[iaresean]

Anyone got an idea or perhaps a name for this bug?

I am getting desperate. :-(

Sean.

 

[iaresean]

I SOLVED IT

Need to set an img class in css with def of:

border:0px;
display:block;
position:relative;
float:left;

Sean.