small css problem

[yoda]

I have a hobby website designed in dreamweaver 8, its done in CSS
the one problem i have is that the site when viewed in firefox it looks right, but in IE7 there is an extra space after the last link in the left hand box (after the florist link) this is my first ever CSS site design so be gentle with me
any advice or help appreciated
http://www.bikerlifestyle.co.uk/

Mark

[karinne]

It could be the fact that you wrapped all the images in a <p> tag ... All elements have default margins and padding so ... it might be that the padding and margin are affecting it.

Try resetting them.

If you want to reset all margin and padding to 0 for all the element you can do

Code: Select all

html, body, p, ul, ol, h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
}

or

Code: Select all

* {
  margin: 0;
  padding: 0;
}

No Margin For Error