unordered list inside rich:dataTable not rendering correctly

[mthaxmiller]

I have a very strange issue occurring.  I have an unordered list inside a rich:dataTable.  It renders correctly the first time you come to the page.  But when you launch a modal panel from this screen, then close the modal panel and rerender the page it no longer renders correctly.  By not rendering correctly I mean it has a big block of white space in the beginning of each column and the columns are no longer aligned correctly.  Here is a a snippet from the code:

...

<rich:column valign="top">
      <ul>
             <ui:repeat value="#{rollup.lastNames}" var="name">
                 <li style="#{rollup.getOffenderLastNameColorStyle$[name]}"><h:outputText value="#{name}" /></li>
             </ui:repeat>
       </ul>
</rich:column>

...

First time coming to the screen:

After the rerender:

Any ideas?

Thanks in advance!

[ilya_shaikovsky]

works fine for me under 3.3.3 and default styling.

[mthaxmiller]

I'm sorry I forgot to include that we are at richfaces 3.3.1.

[ilya_shaikovsky]

anyway that should not be the reason

[mthaxmiller]

I ended up being able to fix this issue by changing the style tag from this:

ul {
    list-style: none;
    margin: 4px, 0, 4px, 0;
}

to this:

ul {
    list-style: none;
    margin-left: 0;
    padding-left: 0;
}

But what I still don't understand is why it rendered correctly before the modal panel closes and refreshes the screen.  Any how this doesn't appear to be a richfaces issues so I'm going to mark it as answered.