[SOLVED] richfaces rich:calendar button icon image breaking to new line. how to make it not wrap

this tutorial didn't work for me:
rich:calendar icon not displaying on same line as display box

i solved this by adding a styleClass to the surrounding panel grid:
<h:panelGrid columns="2" styleClass="tadCal">
    <h:outputText value="from date:" />
    <rich:calendar buttonIcon="/images/icons/cal_.gif" ... />
</h:panelGrid>



then in my css file i span elements not wrap to a new line.
style.css:

.tadCal span {
    white-space: nowrap;
}

because this is what a rich:calendar looks like when rendered:
<span>
<input type="text" .../>
<img .../>
<input type="hidden" .../>
</span>