Float not working

I can't figure out why the heck this won't work!

I am coding this site and I cannot figure out for the life of me why the prize section at the right wont go under the header

Any ideas?

 

Looking at your page source I don't see where you have the float set - the only css sheet linked is for the ajax?

<div style="float:right; padding:2px;"></div>

 

The CSS is in global2.css.
Here are some snippets:

#pagewidth{ 
 width:870px; 
 text-align:left;  
margin-left:auto; 
 margin-right:auto;  
 margin-top: 12px;
} 
 
#sidebar {
	padding:0px;
	margin:0px:
	float:left;
	width:324px;
	max-width:324px;
}

#rightlog {
float:left;
margin:0px 0px 0px 0px;
width:300px;
padding-right:20px;
}

Code (markup):

pagewidth is my container, and sidebar should be on the left, while rightlog should be directly to the right of the sidebar. instead it is appearing below and to the right (or left, i was messing around with its float)

edit: i set positioning to absolute for now, as I need to keep working on the site

 

#sidebar {
padding:0px;
margin:0px:
float:left;
width:324px;
max-width:324px;
}

#rightlog {
margin:0px 0px 0px 0px;
width:300px;
padding-right:20px;
}

See if that works. I don't think you need to float both.

 

thanks! i thought i had that before... weird

 

Sometimes you just need to walk away a few minutes and then come back.
Or borrow some fresh eyes

 

Tell me about it, mine are all over the place haha.
thanks again, rep added