Guys, I really need help with this case. 



I have my own banner with the size of 850x500.
I know it is to big but I really want to place it my profile.
When I put my banner with this code. 

[spoiler]/* PERSONALIZED LOGO */
#navigation {
	background-color: transparent;
	border: none! important;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	padding-top: 650px;	
	padding-bottom: 1px;
	background-image: url(http://i82.photobucket.com/albums/j249/vanraid8/banner.jpg);
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: center;
	width: 850px! important;
	float: center top! important;
	height: 650px! important;}[/spoiler]
All the box at the left have enlarge too, with the same width i put in my navigation. So, I try to control the width of all the box. I put this in the box. [b]width: 500px;[/b] and for the testimonial and media box. I also put [b]float: left! important;[/b] to satisfy the position. But my right boxes doesn't follow even I put float parameter to position my box to the original position. that leaving a wide black space to my profile.
This the link for my banner. 

[spoiler]
http://i82.photobucket.com/albums/j249/vanraid8/banner.jpg[/spoiler]
Please have take a look my CSS. I categorize it to be easily edited.
[spoiler]
http://h1.ripway.com/vanraid/html/Myfs.css[/spoiler]
I didn't delete the code that i have enter to position all my box. 

I used this profile for testing...
http://profiles.friendster.com/fortunelies
Please guys, I really need your help. 
 
 