In my firefox xul window, I have a listbox. I need the first column to be right-aligned and the second to be left-aligned. I tried adding `text-align:right;` to the css, or directly in the xul, `text-align="right"` but neither had any effect. 

How do I do this? Does anyone know how to align the text in a column of `listbox` cells?
Here is my xul:

```
<vbox>
  <listbox id="listbox1" rows="15">
    <listhead><listheader label="&col1;"/><listheader label="&col2;"/></listhead>
    <listcols><listcol width="75"/><listcol flex="1"/></listcols>
    <listitem><listcell class="column1" label="&row1text;"/>    <listcell label="&row1btext;"/>     </listitem>
    <listitem><listcell class="column1" label="&row2text;"/>    <listcell label="&row2btext;"/>     </listitem>
  </listbox>            
</vbox> 

```