CSS issues with Footer and Side panel

Trying to realign our footer on Linksprocket

The footer should be wider that it is but I have cut it down to 4 columns rather than five.

Footer is controller via CSS and Div's

Issue is under some pages the footer and side panel to the left clash and the footer appears under the side panel

I need to have the footer 5 columns wide and always be below the side panel??

Any one point me in the right direction?

 

try

<div class="footerbottom" style="clear:both">
Copyright 2007 Linksprocket.com | <a href="http://www.linksprocket.com">Sports 
Entertainment Technology Region Travel Social News Portal </a>

</div>

HTML:

 

just-4-teens thanks but no didnt work still riding up the page

also tried

.footer {
position: absolute;
top: auto;
bottom: 0;
}

 

i used to get this problem when designing wordpress themes,

did u try

.footer {
clear:both;
position: absolute;
top: auto;
bottom: 0;
}

also try clear:both; & add a margin

 

Tried this as well

.footer {position: float; top: auto; bottom: 0; border-top:1px solid #000000;padding:12px 0 10px 15px;font-size:86%;font-size:86%;color:#999; margin-top:15px;}

 

have u tried setting a min-height on the page content section?

 

just-4-teens thanks for your help but again min-height can you give me a example?

 

have a read off
- http://www.greywyvern.com/code/min-height-hack
- http://www.w3schools.com/css/pr_dim_min-height.asp

 

Good lord - that greywyyvern link is the biggist pile of crap I've ever seen for implementing min-height... and that Diaz one linked to on that page is the 'classic' IE6 only - when thier's a piss simple way to implement it that works on IE5 and 6, and on all modern browsers... it works on the simple fact that IE 6 and earlier treats height as min-height - hence the lack of a separate min-height declaration. Solution, simple * html hack.

div {
min-height:50px;
}

* html div {
height:50px;
}

if you need an overflow property on the div to make it contain floats, remember that IE always contains floats, so set DIV to overflow:auto or overflow:hidden, then set * HTML DIV to overflow:visible;

and throw those other techniques in the trash.

-- edit -- looks like in the comments on that Diaz page the above method is mentioned too.