Render issues with Image Hyperlink Component in Internet Explorer
Hi,
My images in the Image Hyperlink Components get enlarged (100X100) when i display my application in IE. When i visualize in Firefox it works fine. Can anyone tell me why?
jsf:
<ui:imageHyperlink binding="#{Main.imageHyperlink1}" id="imageHyperlink1" imageURL="/resources/search.png"
style="height: 22px; width: 40px" text="Busca" />
<ui:imageHyperlink binding="#{Main.imageHyperlink2}" id="imageHyperlink2" imageURL="/resources/logout.png"
style="height: 22px; width: 40px" text="Sair"/>
IE:
<a id="form1:imageHyperlink1" style="height: 22px; width: 40px" ><img id="form1:imageHyperlink1_image" style="width:100px;height:100px;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/WebLab/resources/search.png', sizingMethod='scale')" src="/WebLab/theme/com/sun/rave/web/ui/defaulttheme/images/other/dot.gif" alt="" border="0" /> Busca</a></td>
<a id="form1:imageHyperlink2" onclick="return hyperlink_submit(this, 'form1', null);" href="#"><img id="form1:imageHyperlink2_image" style="width:100px;height:100px;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/WebLab/resources/logout.png', sizingMethod='scale')" src="/WebLab/theme/com/sun/rave/web/ui/defaulttheme/images/other/dot.gif" alt="" border="0" /> Sair</a>
Firefox:
<a id="form1:imageHyperlink1" style="height: 22px; width: 40px" ><img id="form1:imageHyperlink1_image" src="/WebLab/resources/search.png" alt="" border="0" /> Busca</a>
<a id="form1:imageHyperlink2" style="height: 22px; width: 40px" onclick="return hyperlink_submit(this, 'form1', null);" href="#"><img id="form1:imageHyperlink2_image" src="/WebLab/resources/logout.png" alt="" border="0" /> Sair</a>
Thanks,
Tiago Gaspar
