To solve the Internet Explorer text above the content of the element is not selected method

<Divclass= "MD1">    <P><I>Sdgsgereryeryery</I></P>    <labelclass= "Rank R1"></label>    <labelclass= "Rank R2"></label>    <labelclass= "Rank R3"></label>    <labelclass= "Rank R4"></label></Div>

. md1{position:relative;}. Md1. rank{cursor:pointer;position:absolute;width:16px;height:15px;top:3px;}. Md1. rank.r1{left:0px;border:1px solid red;}. Md1. rank.r2{left:16px;border:1px solid black;}. Md1. rank.r3{left:32px;border:1px solid Blue;}. Md1. rank.r4{left:48px;border:1px solid Green;}

The above code is not clickable to the label in IE, the solution is to fill the label with a transparent background color

. md1. Rank{cursor:pointer;position:absolute;width:16px;height:15px;top:3px;background: #ffffff; Opacity:0;filter: Progid:DXImageTransform.Microsoft.Alpha (opacity=0);}

To solve the Internet Explorer text above the content of the element is not selected method