af:column sortable="true" how to stop header from wrapping

[DairylandDan]

OK, here's the atmosphere:
ORACLE JDEVELOPER
Studio Edition Version 10.1.3.4.0.4270

building a .jspx page to simply return/display data from one of my Data Controls.

I have an 'af:table' with two 'af:column's
Each column is set up with a 'header'. Here's an example:

<af:table value="#{bindings.queryVCostCenterByCCName1.collectionModel}"
          var="row"
          rows="12" 
          first="#{bindings.queryVCostCenterByCCName1.rangeStart}"
          emptyText="#{bindings.queryVCostCenterByCCName1.viewable ? 'No rows yet.' : 'Access Denied.'}"
          binding="#{backing_searchcc.tblCostCenterDisplay}"
          id="tblCostCenterDisplay" banding="row" styleClass="dpc"
          width="350">
 <af:column sortProperty="displayCc" sortable="true"
            headerText="" 
            binding="#{backing_searchcc.column15}" id="column15"
            styleClass="dpc" formatType="text" headerNoWrap="true"
            width="120" noWrap="true">
  <f:facet name="header">
   <h:panelGroup binding="#{backing_searchcc.panelGroup2}"
                 id="panelGroup2">
    <h:panelGrid columns="1"
                 binding="#{backing_searchcc.panelGrid2}"
                 id="panelGrid2" width="120"
                 bgcolor="White">
     <af:panelHorizontal binding="#{backing_searchcc.panelHorizontal12}"
                         id="panelHorizontal12"
                         halign="center">
      <af:outputText value="Cost Center"
                     id="outputText4"
                     styleClass="dpc, namealign, columnheader"/>
     </af:panelHorizontal>
    </h:panelGrid>
   </h:panelGroup>
  </f:facet>
  <af:outputText value="#{row.displayCc}"
                 binding="#{backing_searchcc.outputText15}"
                 id="outputText15"
                 styleClass="dpc, namealign, columnheader"/>
 </af:column>

First the good news, the page works and does everything I want it to do - so, no problem there. The ONLY problem is with a minor display annoyance.

The problem is that when I click on one of the headers to sort the table accordingly, that little triangle image link (which indicates in which order the table has been sorted) drops down onto a new line beneath the header (in the above example "Cost Center").

I've tried all the 'nowrap' options I can think of (see the example above) but I can't get this header to stop wrapping that icon link down onto a new line.

Can anyone help me with this?

Thanx in advance,


HB