No blinking cursor in Firefox

[xfinx]

I can's find a solution.
If I click the textbox, I do not get a blinking cursor.
Please help me!

Thnx!

HTML:

<div id="popuplogin"> 
 <div class="login"> 
 <br /> 
 <br /> 
 <form class="login" action="/authenticate.php" method="post"> 
  <fieldset> 
  <legend>Nieuwe gebruiker</legend> 
  <label>Je voornaam<br /> 
   <input type="text" name="firstname_new" id="firstname_new" value=""/> 
  </label> 
  <br/> 
  </fieldset> 
 </form> 
 <form class="login" action="/authenticate.php" method="post"> 
  <fieldset> 
  <legend>Bestaande gebruiker</legend> 
  <label>Je e-mailadres<br/> 
   <input type="text" name="email_exist" id="email_exist" value=""/> 
  </label> 
  <br /> 
  <input type="submit" value="Aanmelden" class="button"/> 
  </fieldset> 
 </form> 
 <br class="clr"/> 
 </div> 
 </div>

css:

div#popuplogin { 
 display: none; 
 position: absolute; 
 top: 0; 
 width: 100%; 
 height: 100%; 
} 
div#popuplogin div.login { 
 margin: 100px auto 0 auto; 
 width: 450px; 
 border: 2px solid #b1cea6; 
} 
 div#popuplogin div.login 
,div#popuplogin div.login form.login fieldset 
,div#popuplogin div.login form.login fieldset legend 
,div#popuplogin div.login form.login 
{ 
 background: #fff; 
} 
div.login { 
 background: #fff; 
 width: 450px; 
 z-index: 100; 
 padding: 5px; 
} 
div.login form.login fieldset { 
 position: relative; 
 border: 1px solid #b1cea6; 
 margin: 0 0 10px 0; 
 padding: 5px; 
 background: #fff; 
} 
div.login form.login fieldset legend { 
 font-size: 1.2em; 
 border: 3px solid #b1cea6; 
 padding: 3px; 
 font-weight: bold; 
 background: #fff; 
} 
div.login form.login { 
 float: left; 
 width: 45%; 
 margin: 0 1%; 
 background: #fff; 
} 

[penders]

Unfortunately this appears to be a long standing (since 2002!) bug with FF. Apparently it has been fixed in the trunk build back in April 2006, but this is still an issue in the current public release (FF 2.0.0.7) - despite it having been classified as 'resolved'?!

Bugzilla:
[bugzilla.mozilla.org...]

I think the reason for the 'no cursor' can vary, but one is if you have an absolutely positioned DIV (that contains your INPUTs) which overlaps another container that has scrollbars. Using an IFRAME, in the case of getting around the 'SELECT issue' in IE, can also cause this problem in FF (related to the above I guess). And there seems to be various issues regarding absolutely positioned elements and visibility, which may be your problem (it certainly seems to be the issue I'm currently having).

May be you could try setting

position:fixed

on your div#popuplogin ...? (But only in FF)

Or wrapping your INPUT in another DIV container and setting its position (see Bugzilla)...?

There are various other workarounds (see the Bugzilla link above) for different scenarios. However, there doesn't seem to be a 'one size fits all' method. In short it's an annoying bug!

(May be a thread for the Firefox forum?)