Align components horizontally - Text Area, buttons and a phrase

[hugleo]

I've tried acquire the following behavior: A div with a phrase (variable size) and four text areas aligned with right image buttons. On Firefox that's looks great, but it's looks sucks on Google Chromium. Firefox image: [img444.imageshack.us...] , Chromium image: [img189.imageshack.us...]

My CSS code:

#container {
 width: 100%;
}


#phrase {
display:inline-block;
width:25%;

vertical-align:top;

/* For IE 7 */
zoom:1;
*display:inline;
}


#textarea_field {

 display:inline-block;
 vertical-align:top;
 
 width:15%;

 /* For IE 7 */
 zoom:1;
 *display:inline;
}


#image_buttons_div {

 display:inline-block;
 vertical-align:top;
 
 width:2%;

 /* For IE 7 */
 zoom:1;
 *display:inline;
}

I would like to figure out a way to solve that problem. Do you anyone can help?

[hugleo]

Solved here: [jsfiddle.net...]