Problem with CSS floats (images) in layout.

...and white spaced in IE8. Sigh...

[HHawk]

Well I am having serious problems with CSS floats.

I created a design in Photoshop, sliced it and imported everything in Dreamweaver. So far, so good. However when you slice with Photoshop, you get a CSS with "position: absolute", which I am trying to avoid.

However I managed to get the header partially correctly floated, but for some reason, it doesn't display correctly in Firefox. Not to mention Internet Explorer 8, which shows (empty) spaces everywhere (tried padding/margin 0px, but didn't do anything).

Can someone take a quick peek and see what I am doing wrong here? And if possible correct the errors or tell me what I am doing wrong?

Cause I am really hitting a brick wall at the moment.

Here is the zipped file, which contains the images and html. It's nog big in size (<150 kB): <snip>

Thanks in advance.

[edited by: swa66 at 3:32 pm (utc) on Aug. 13, 2009]
[edit reason] No links, please see ToS and Forum Charter [/edit]

[HHawk]

Okay I fixed the empty space problem in IE, I seem to have forgotten to set the doctype up correctly; my bad.

But I am still having a problem with the floats.

By the way; instead of using the zip file, I have uploaded the page: <snip>

[edited by: swa66 at 3:56 pm (utc) on Aug. 13, 2009]
[edit reason] No Links, please see ToS and Forum Charter [/edit]