Ticket #9858 (closed bug: invalid)
UI issue with LABEL tag in IE6
|Reported by:||venkateshwar||Owned by:||venkateshwar|
We were using the Jquery library in one of the web applications, recently updated to the JQuery library 1.6 version. In IE6 browser an issue started occurring after this up gradation.
A <LABEL> tag is used for rendering a control in the UI, this <LABEL> includes a span tag with in it which holds the text shown on the browser.
See the sample HTML here: <label for="ipprov"><span class="label">user text: </span></label> the <label> tag and the CSS class name "label" coincide in the name. The CSS class contains the property "position: relative".
This was working fine with the Jquery-1.4 version. I have also tired with the Jquery-1.6.2 version, still the same issue.
I tried to change the CSS class to a different name and it worked with the JQuery-1.6 version. Also tried to use a different element other than <LABEL> it worked.
Not sure but assuming that this name co-incidence is causing the UI to be distorted. Please let me know your views.