[richfaces-issues] [JBoss JIRA] Commented: (RF-2298) rich:tree facet css-customized iconCollapsed doesnt work in IE 6

rich:tree facet css-customized iconCollapsed doesnt work in IE 6 ---------------------------------------------------------------- Key: RF-2298 URL: http://jira.jboss.com/jira/browse/RF-2298 Project: RichFaces Issue Type: Bug Affects Versions: 3.1.4 Environment: myfaces 1.2.2 tomahawk 1.1.6 facelets 1.1.14 Reporter: Andreas Höhmann Assigned To: Nick Belaevski Priority: Minor Fix For: 3.2.0 I want to customize the expanded and collapsed image via css *not* via tree-attributes ... because i don't want hardcoded image-name in my xhtml-files. If i do this in the following way then i can expand nodes but never can collapse nodes :-) tree.xhtml: <rich:tree ... <f:facet name="iconCollapsed"> <t:div styleClass="TreeImgCollapsed"/> </f:facet> <f:facet name="iconExpanded"> <t:div styleClass="TreeImgExpanded"/> </f:facet> </rich:tree> tree.css .treeImgCollapsed { background-image: url(images/tree_arr_left.gif); background-position: top left; background-repeat: no-repeat; width: 16px; height: 16px; } .treeImgExpanded { background-image: url(images/tree_arr_down.gif); background-position: top left; background-repeat: no-repeat; width: 16px; height: 16px; } The rendered Code works find in FF but it seems the IE can handle the nested span-div under the link ... any idea? Here is the standard-html (no facets, no icons defined ... default rich-tree) : <td class="dr-tree-h-ic rich-tree-node-handleicon"> <div> <a id="libraryTree_form:libraryTree:1:ws:handle" onclick="A4J.AJAX.Submit('libraryTree_region','libraryTree_form',event,{'parameters':{'libraryTree_form:libraryTree:1:wsNodeExpanded':'true','libraryTree_form:libraryTree:1:wsAjaxExpanded':true} ,'actionUrl':'/sid-base-web-app/pages/sid.jsf;jsessionid=1db69jxvuc9lg?javax.portlet.faces.DirectLink=true'} ); return false;" href="#"> <img id="libraryTree_form:libraryTree:1:ws:handle:img:collapsed" class="dr-tree-pointer-cursor dr-tree-h-ic-img-md dr-tree-h-ic-img rich-tree-node-handleicon-collapsed" border="0" src="/sid-base-web-app/a4j_3_1_4.GAorg.richfaces.renderkit.html.images.TreePlusImage/DATB/eAH7....1Tv3GRgYACS3BY4_.jsf"/> <img id="libraryTree_form:libraryTree:1:ws:handle:img:expanded" class="dr-tree-pointer-cursor dr-tree-h-ic-img-md dr-tree-h-ic-img rich-tree-node-handleicon-expanded" border="0" style="display: none;" src="/sid-base-web-app/a4j_3_1_4.GAorg.richfaces.renderkit.html.images.TreeMinusImage/DATB/eAH7....1Tv3GRgYACS3BY4_.jsf"/> </a> </div> </td> My version : <td class="dr-tree-h-ic rich-tree-node-handleicon"> <div> <a id="libraryTree_form:libraryTree:1:ws:handle" onclick="A4J.AJAX.Submit('libraryTree_region','libraryTree_form',event,{'parameters':{'libraryTree_form:libraryTree:1:wsNodeExpanded':'true','libraryTree_form:libraryTree:1:wsAjaxExpanded':true} ,'actionUrl':'/sid-base-web-app/pages/sid.jsf;jsessionid=9gde8gwkek8c?javax.portlet.faces.DirectLink=true'} ); return false;" href="#"> <span id="libraryTree_form:libraryTree:1:ws:handle:img:collapsed" class="dr-tree-pointer-cursor dr-tree-h-ic-img-md dr-tree-h-ic-img dr-tree-h-ic-facets rich-tree-node-handleicon-collapsed"> <div id="libraryTree_form:libraryTree:1:j_id187" class="treeImgCollapsed"/> </span> <span id="libraryTree_form:libraryTree:1:ws:handle:img:expanded" class="dr-tree-pointer-cursor dr-tree-h-ic-img-md dr-tree-h-ic-img dr-tree-h-ic-facets rich-tree-node-handleicon-expanded" style="display: none;"> </span> </a> </div> </td> You see the difference ... perhapse the ie have a problem with the "a-span-div"?? But why the expand works but the collapse don't?