RichFaces PickList problem with vertical-align: baseline

Question

We're using RichFaces PickList control on several pages. Our GUI designer has put in the rule vertical-align: baseline for most basic elements: html, body, div, p, and all table tags. On our target browser, FireFox 3.5, when a picklist box is empty, either the source or target, it floats above the other box and the controls.

I don't want to post all our code, but you can duplicate the problem by going to this RichFaces demo site: http://ludvigsens.net/richfaces-3.3.2/richfaces/pickList.jsf;jsessionid=B8514A3493548C82168FAB9BFC385D5F?c=pickList&tab=usage

and adding a style rule via Fire Bug or similar tool like:

   * {
        vertical-align: baseline;
   }

My Google-fu may be lacking, but I can't find that this issue has been reported or find a work-around, other than deleting that CSS rule.