Jak to przerobić?

[Beckson]

Witam!

Nie znam się zbytnio na CSS, dlatego nie mogę zrobić tej zapewne prostej rzeczy. Chodzi mi, aby tę niebieską kolumnę (widoczną na poniższym obrazku) rozszerzyć do rozmiaru 350px. Żółta kolumna byłaby raczej zlikwidowana. Pod obrazkiem, macie kod css, który trzeba lekko przerobić.

#panel2 { 
width: 250px;
float:right;
margin-left:10px;
}
#panel2 div.moduletable{
color:#857A60;
font-size:11px;
margin-bottom:10px;
background:url(../images/bgpanel2.gif) #D9EDFB;border:1px solid #E7D7A2;
padding:10px;}
#panel2 div.moduletable h3 {
border:none;
background:url(../images/bgh3panel2.gif) repeat-x bottom left;
}
#panel2 div.moduletable td, #panel2 div.moduletable p {
font-size:11px;}
/* green mod suffix */
#panel2 div.moduletable-green{
color:#857A60;
font-size:11px;
margin-bottom:10px;
background:url(../images/bgpanel2-green.gif);
border:1px solid #E7D7A2;
padding:10px;
text-align:left;}
#panel2 div.moduletable-green h3 {
border:none;
background:url(../images/bgh3panel2-green.gif) repeat-x bottom left;
}
#panel2 div.moduletable-green td, #panel2 div.moduletable-green p {
font-size:11px;}

/* orange mod suffix */

#panel2 div.moduletable-orange{
color:#857A60;
font-size:11px;
margin-bottom:10px;
background:url(../images/bgpanel2-orange.gif);
border:1px solid #E7D7A2;
padding:10px;
text-align:left;}
#panel2 div.moduletable-orange h3 {
border:none;
background:url(../images/bgh3panel2-orange.gif) repeat-x bottom left;
}
#panel2 div.moduletable-orange td, #panel2 div.moduletable-orange p {
font-size:11px;}

/* no box mod suffix */

#panel2 div.moduletable-nobox{
color:#333;
font-size:11px;
margin-bottom:10px;
text-align:left;}
#panel2 div.moduletable-nobox h3 {
border:none;
}
#panel2 div.moduletable-nobox td, #panel2 div.moduletable-nobox p {
font-size:11px;}


#panel3wrapper { 
width: 220px;
float:right;

}
#panel3 { 
background: url(../images/bgpanel3.gif) #f0f0f0;
			border: 1px solid #AAD5F9;
padding-bottom:5px;
margin-bottom:10px;
}
#panel3 div.moduletable p {
font-size:11px;}
#panel3 div.moduletable {
margin:0 10px 10px 10px;}
#panel3 div.moduletable h3 {
border:none;
background:url(../images/bgh3panel3.gif) repeat-x bottom left;
}
.po_table a { 
font-size:10px;}

PS. Gdy zwyczajnie zmieniam wartość "width: 220px;" w panelu3, cała kolumna ląduje pod treścią strony. Wie ktoś może jak to zrobić??

[Veal]

Musisz podać też chociaż fragment HTML'a, tak, żeby widać było, które divy są w jakich... Prawdopodobnie div w którym znajdują się tamte ma zbyt małą szerokość.

[Beckson]

EDIT:

Już nieaktualne. Jakoś się uporałem:)