Heja Anders,
well, i'm not sure, because i don't have the code completely for testing with Safari (mac/win)
so at first sight --> strange might/could be:
div.innehall (line 262)
{
float: left;
clear: left;
margin-left: 15px;
}
because
div.sidobanner (line 294)
{
float: left; NOT NEEDED!
width: 160px;
height: 360px;
margin-left: 15px;
}
shall/should float next to "innehall" --> where the floating was cleared!!!
When .sidobanner is the last column --- > it will need NO float (see above).
and - once again - check --> width of all columns! to avoid this "kind of spreading to bottom...."
check your wrappers
many tables?
<body>
<div id="wrapp">
<div class="sidhuvud"> </div> WHATS THIS????
<div class="innehall_wrapp">
<div class="innehall"> guess not needed!?!?!
<div class="meny">
...
innehall_wrapp is your --> outer wrap
within this --> let float left:
meny | video | sidobanner
within one wrapper: float left --> meny column | video column |
siodobanner floats but do not need this floating CSS
(when column width was set optimal)
extend <div class="innehall_wrapp"> around meny | video | sidobanner
and then place sidfot BEFORE sidobanner!