Index: /CKEditor/trunk/_source/plugins/image/dialogs/image.js
===================================================================
--- /CKEditor/trunk/_source/plugins/image/dialogs/image.js	(revision 3261)
+++ /CKEditor/trunk/_source/plugins/image/dialogs/image.js	(revision 3262)
@@ -823,5 +823,5 @@
 														[ editor.lang.image.alignTop , 'top']
 													],
-													onKeyUp : function()
+													onChange : function()
 													{
 														updatePreview( this.getDialog() );
@@ -834,12 +834,26 @@
 													commit : function( type, element )
 													{
+														var value = this.getValue();
 														if ( type == IMAGE )
 														{
-															if ( this.getValue() != '' || this.isChanged() )
-																element.setAttribute( 'align', this.getValue() );
+															if ( value != '' || this.isChanged() )
+																element.setAttribute( 'align', value );
 														}
 														else if ( type == PREVIEW )
 														{
 															element.setAttribute( 'align', this.getValue() );
+
+															if ( value == 'absMiddle' || value == 'middle' )
+																element.setStyle( 'vertical-align', 'middle' );
+															else if ( value == 'top' || value == 'textTop' )
+																element.setStyle( 'vertical-align', 'top' );
+															else
+																element.removeStyle( 'vertical-align' );
+
+															if ( value == 'right' || value == 'left' )
+																element.setStyle( 'styleFloat', value );
+															else
+																element.removeStyle( 'styleFloat' );
+
 														}
 														else if ( type == CLEANUP )