rich:comboBox button displays on top of input field

[robertgary1]

Using

            <rich:comboBox defaultLabel="Enter some value">

                     <f:selectItem itemValue="suggestion 1"/>

                     <f:selectItem itemValue="suggestion 2"/>

                     <f:selectItem itemValue="suggestion 3"/>

                     <f:selectItem itemValue="suggestion 4"/>

                     <f:selectItem itemValue="suggestion 5"/>

               </rich:comboBox>

On FF, IE7 and IE8 the drop down button is displayed on top of the input field and on the left side, unlike the example snap shots.

-Robert

[ilya40umov]

1) Your screenshots are not shown.

2) Is your enviroment the same as in http://community.jboss.org/message/586342?

[akaine]

Check your attached css. There's a good change some global style override is causing this. I had similar issues with calendar and dropdown menus several times.

1. Try the same code without any custom styles (just temporaly disable yours)

2. If the component is rendered correctly start adding your styles piece by piece to pinpoint the rule causing the problem. Often it has to do with some DIV's float, position css attributes.

[robertgary1]

You are correct. I guess that's the problem when working on a massive existing product. There was a style sheet out there clobbering my button. Thank goodness for FireBugs and MS Developer Toolbar.