Besoin d'aide pour mon css

Bonjour,
je suis en train de peaufiner ma première page web afin de pouvoir la dupliquer, je rencontre quelques soucis notamment pour correctement placer le moteur de recherche à l'endroit désiré, c'est à dire là ou il est est marqué Recherche dans ma speedbarre, voyez par vous même: http://finalfantasymadness.ifrance.com/

voici mon scripte css layout:

/* annullation des valeurs par default
-------------------------------------------------------------------*/
*{margin:0;padding: 0; list-style: none;}





/* cadre principaux
-------------------------------------------------------------------*/
#wrapper{
   position:relative;
   width: 770px;
   margin: 0 auto;
   background:url(img/wrap.jpg) repeat-y 0 0; 
}








/* header
-------------------------------------------------------------------*/
#header{
   position:relative;
   font-size:1em;
   color:#000;
   height: 157px;
   background:url(img/header.jpg) no-repeat 0 0; 
}







/* Speedbar
-------------------------------------------------------------------*/
#speedbar{
   height: 23px;
   margin:0 1px;
   line-height:18px;
   font-size:1.2em;
   font-weight: bold;
   background:url(img/speedbar.jpg) repeat-x 0 0; 
}




/* Moteur de recherche
-------------------------------------------------------------------*/
#search_engine{
	height: 23px;
}


/* leftbar menu gauche
-------------------------------------------------------------------*/
#leftbar{
   width: 130px;
   float: left;
   background:url(img/sidebar.jpg) repeat-y 0 0;
   padding-bottom:100px;
   border-bottom: 1px solid #fff;  
}






/* rightbar menu droit
-------------------------------------------------------------------*/
#rightbar{
   width: 130px;
   float: right;
   background:url(img/sidebar.jpg) repeat-y 0 0;   
   padding-bottom:100px;
   border-bottom:1px solid #fff;  
}


/*Player_mp3_multi_streaming
-------------------------------------------------------------------*/
#player_mp3_multi{
	position:inherit;
	top: 50px;
	right: 10px;
	
	
}


/* Position compteur
-------------------------------------------------------------------*/
#count{
  position: absolute;
  bottom: 40px;
  right: 10px;

}


/*  Content
-------------------------------------------------------------------*/
#content{
   height: auto! important;
   height:100px;
   min-height: 100px;
   padding:20px 0 40px 0;
   margin: 0 135px 0 132px;
   background:url(img/content.jpg) no-repeat 0 2px;   
}


/* Footer
-------------------------------------------------------------------*/
#footer{
   padding:17px 0 0;
   clear: both; 
   font-size:1em;
   text-align:center;
   font-size:1.1em;
   color:#555;
   background:url(img/footer.jpg) no-repeat 0 0;  
}

voici mon scripte css style:

@import "layout.css";

/* annullation des valeurs par default
-------------------------------------------------------------------*/
*{margin:0;padding: 0;}



body{font: 63.5% Tahoma, Arial, Helvetica, sans-serif; background:url(img/body.jpg); padding-top:4px;color:#666}
hr{ clear: both; visibility:hidden; font-size:0; height: 0;}

/* definitions des liens
---------------------------------------------------------------------*/
a, a:visited{color:#333; text-decoration: none; text-transform:capitalize}
a img{border: 0;}
img.avatar{
  float: left;
  margin: 0 5px
}
.colorone{color: #000; margin-right:3px; font-size:1.1em}
.colortwo{color: #fff; font-size:1.3em}


/* Contenu de header
---------------------------------------------------------------------*/
#header #logo{position: absolute; top: 50px; left: 258px; font-size:0; line-height:0}
#header #date{position: absolute; top: 0px; left: 646px; color:#0033FF; font-size:1.1em}
#header #hour{position: absolute; top: 141px; left: 719px; color:#0033FF; font-size:1.1em;}






/* Contenu de Speedbar
---------------------------------------------------------------------*/
#speedbar li{ display:inline; margin:0 1px;}
#speedbar li a .colortwo{ background: url(img/spanspeed.jpg) repeat-x 0 75%; padding-left:20px}







/* Contenu de leftbar
---------------------------------------------------------------------*/

/* titres*/
#leftbar h2, #rightbar h2{
font-size:1.3em;
line-height:29px;
margin: 3px 5px 5px 2px;
text-align:center;
text-transform:uppercase;
background:url(img/h2side.jpg) no-repeat 0 0;
color:#fff
}


/* listes menu */
#leftbar ul{
  padding: 0 6px 2px 4px;
  line-height:14px;
  font-size:1em;
}
#leftbar ul li{
  background:url(img/liside.jpg) no-repeat 0 0;
  margin: 1px 0;
  padding-left: 8px;  
}
#leftbar ul a, #rightbar ul a{
  color: #858585;
}
#leftbar ul a:hover, #rightbar ul a:hover{
  color:#CAC4A4;
}






/* Contenu de rightbar
---------------------------------------------------------------------*/

/* titres*/
#rightbar h2{
 margin: 3px 2px 5px 5px;

}
#rightbar ul{
  padding: 0 4px 2px 6px;
  line-height:14px;
  font-size:1em;  
}
#rightbar ul li{
  background:url(img/liside.jpg) no-repeat 0 0;
  margin: 1px 0;
  padding-left: 8px;  
}







/* Contenu de Content
---------------------------------------------------------------------*/
/*News */
#content .news{
   min-height: 100px;
   height: auto! important;   
   height: 100px;
   margin: 0 0 50px;      
}
#content .news h3{
   font-size:1.8em;
   padding: 0 0 0 10px;
   line-height:25px;
   font-weight:300 
}

#content .news .p1{
   font-size:1.1em;
   padding:10px 15px;
   color:#444;
   text-align:justify
}


#content .news .comment{
   font-size:1.1em;
   padding: 0 25px;
   color: #666;
   text-align:right   
}
#content .news .comment span{ display:block}




/* Contenu de Footer
---------------------------------------------------------------------*/
#footer span{ display: block; background:url(img/body.jpg); margin:-2px 1px 0; padding:5px 20px;}
#footer a:hover, #content a:hover{color:#CAC4A4}

Je souhaite adapté la largeur de mon menu droit afin que mon lecteur flash soit apparent mes menus font 130px de large tandis que mon lecteur fait 190px, j'ai essayé plusieurs méthodes mais rien à faire cela devient inesthétique!

Si quelqu'un aurait la solution, merci par avance :)