CSS problem freaking me out :-(

Hello!

I have build many sites & stylesheets – but this one just drives me nuts! HELP greatly appreciated:

https://www.galizia.de/blog/

Contrary to the usual situation it shows perfectly in IE – but NOT in FF.

The CSS is pretty simple – but I must be missing something?!

I already tried clear:both in all styles in different combinations – but it simply won’t work.

Thanks!


body {
margin: 30px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background:#fff url(https://www.galizia.de/log/media/bg_verlauf.jpg) repeat-x left top;
}

#header {
padding: 0 0 0 0px;
margin: 0 auto;
width: 750px;
padding: 0px 0px 0px 0px;
background: white url(https://www.galizia.de/blog/media/header_white_cube.gif) no-repeat;
text-align: center;
height: 120px;
}

#wrapper {
padding: 0 0 0 0px;
width: 750px;
margin: 0 auto;
background: white url(https://www.galizia.de/blog/media/bg_main_outline.gif) repeat-y;
}

#content {
background-color: none;
position: relative;
width: 400px;
margin: 0px;
padding-right: 20px;
padding-left: 20px;
float: left;
}

#sidebar {
color: black;
background-color: none;
text-align: left;
padding-right: 10px;
padding-left: 20px;
width: 200px;
float: right;
border-left: 1px dotted gray;
}

With in the template the ‘order’ of events is pretty simple as well:

Body

Header

wrapper

content

sidebar

all div’s seem to be closed.

Hmmmm. Any idea / feedback greatly appreciated.

Thanks!