Question

my html:

<input type="text" value="" id="email1" class="inputfield_ui" />
<label>Email address 1</label>

my inputfield css:

width:95%;
z-index:3;

my label css:

position:absolute;
display:block;
top:8px;
left:11px;
color:#CCCCCC;
z-index:1;

when i try to click on the label to enter something it wont allow me to do this… instead will show a default cursor and i will have to click next to the other space of the textfield to write something…

z-indexes are correct , arent they?

EDIT: SOLUTION

html:

<input type="text" value="" id="email1" class="input" />
<label>Email address 1</label>
<span class="input_bg"></span>

css:

input{
   background:transparent;
   z-index:1;
}
label{
   z-index:2;
}
.input_bg{
   /*input css with background*/
   z-index:3;
}

Answer 1

html:

<input type="text" value="" id="email1" class="input" />
<label>Email address 1</label>
<span class="input_bg"></span>

css:

input{
   background:transparent;
   z-index:1;
}
label{
   z-index:2;
}
.input_bg{
   /*input css with background*/
   z-index:3;
}