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 page: link

Thanks in advance.

//edit

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.

Okay this is the culprit; I cannot get this fixed: link

Anyone has an idea?

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.