Hi, I have an issue with two elements in a container that have a gap between them but I cannot see where the gap is coming from.
Basically, I have a standard centered page layout, the relevant CSS for holding the elements (a banner and then a nav menu underneath) is:
And the CSS for the elements is:
The banner goes across the top of the page and the idea is that the menubar (which contains a number of images and their rollovers) fits directly underneath without any gap. But there seems to be white space of about 5px in all browsers and I can't see why. I tried adding a clearfloat into the HTML, i.e:
But this doesn't do anything.
HTML is currently:
Any ideas as this has me stumped!
<div class="topbanner"><img src="image/banner2.png" alt="banner" /></div>
<div class="menubar">(various button images)</div>