[flexcoders] vertical text alignment within datagridcolumn

[candysmate]

My datagridcolumn uses an itemrenderer:

<mx:DataGridColumn
 headerText=""
 dataField="problem"
 width="20"
 textAlign="center"
 editable = "false"
 rendererIsEditor="true"
 >
 <mx:itemRenderer>
        <mx:Component className ="rendererStyle2">
           <mx:Text> 
           </mx:Text>
        </mx:Component>
 </mx:itemRenderer>
</mx:DataGridColumn>    

I need the text character displayed within the column to be centered
vertically. How can I do this please?

I've tried things like padding within the CSS style 'rendererStyle2'
but this only caused part of the character to be obscured (blanked)
without it's actual position within the column altering?  Where am I
going wrong?