Unwanted margin on css float

Hello

I am putting together a new website and have a problem with an unwanted margin on a css float. I can't seem to get rid of the margin even if I add margin: 0px to the class.

http://www.discos.co.uk/temp/index.html

The margin I am trying to delete is around the "What We Do", "Get a Quote", "Frequently Asked Questions", and "Coverage Area" buttons.

Any help greatly appreciated.

You're using inline code with strict doctype, try converting that to css. That will give you more control and be consistent with the doctype.

Hi There

That doesn't seem to have made any difference.

Regards
Nick

hmmm have you tried just adding a global style rule for margins and paddings?


*{margin: 0;
padding:0;}

Hello nickburrett,
Giving it a height cleans it up in FF.

Add this to your CSS - .topleft, .topright {height: 136px;}

Thank you!

The height value sorted it out!

Sometimes things are so simple you just can't work them out! :D