Footer div stuck under left div!

[Laura Wilkinson]

I am creating a website and for some reason my footer div is stuck under my left column div.

This is my footer CSS;

#footer { 
 float: left;
 width: 675px;
 clear: both;
 color: #80882C;
 border: 1px solid #80882C;
 background: #FFFFFF;
 margin: 0px 5px 5px 0px;
 padding: 10px;}
 

This is my left column CSS;

#leftcolumn { 
 border: 1px solid colour:transparent;
 margin: 0px 5px 5px 0px;
 padding: 0px;
 height: 440px;
 width: 195px;
 float: left;
 overflow : auto;}
 

Any ideas?

[JKing]

Please post the html that goes along with your css.

Not sure if this is causing the issue or not but

border: 1px solid colour:transparent;
 

is not a proper rule.

[Laura Wilkinson]

Thanks for replying, I have figured out the problem now! The left column and padding was making it not position where I wanted it xx

[Bharat383]

before footer div just put a new div like this

<div style="clear:both"></div>

Bharat Parmar(Bharat383)