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.