[Help] text input and focus

Hi there ! First of all, I am a beginner. I may have missed something important. I quickly made a character sheet for a french rpg (Cardinal's Blades). Since it uses a card based core system, I don't need automation and calculation. So i made it really simple. I made text input fields for characteristics and skills. However, for some unknow reason, some fields cannot be activated with a mouseover. Only a tabulation can reach these fields so that we can change the values. Any idea ? CSS code : .sheet-caracteristiques{ display:block; width: 35px; height: 20px; font-size: 16px; line-height: 20px; text-align:center; font-style:italic; font-weight:bolder; } .sheet-skill{ display:block; width: 20px; height: 12px; font-size: 12px; line-height: 14px; text-align:center; font-style:italic; font-weight:bolder; } HTML code: <div><!-- caracteristiques --> <div><input type="text" name="attr_puissant" style="margin-left:800px;margin-top:-850px;"/></div> <div><input type="text" name="attr_vif_stat" style="margin-left:885px;margin-top:-30px;"/></div> <div><input type="text" name="attr_galant" style="margin-left:1010px;margin-top:-30px;"/></div> <div><input type="text" name="attr_fin_stat" style="margin-left:1090px;margin-top:-30px;"/></div> </div> <div><!-- skills --> <div><input type="text" name="attr_atlh" style="margin-left:775px;margin-top:92px;"/></div> <div><input type="text" name="attr_adap" style="margin-left:888px;margin-top:-24px;"/></div> <div><input type="text" name="attr_adap" style="margin-left:987px;margin-top:-24px;"/></div> <div><input type="text" name="attr_erud" style="margin-left:1110px;margin-top:-24px;"/></div> <div><input type="text" name="attr_auto" style="margin-left:775px;margin-top:4px;"/></div> <div><input type="text" name="attr_crea" style="margin-left:888px;margin-top:-24px;"/></div> <div><input type="text" name="attr_jeu" style="margin-left:987px;margin-top:-24px;"/></div> <div><input type="text" name="attr_inve" style="margin-left:1110px;margin-top:-24px;"/></div> <div><input type="text" name="attr_baga" style="margin-left:775px;margin-top:4px;"/></div> <div><input type="text" name="attr_dupe" style="margin-left:888px;margin-top:-24px;"/></div> <div><input type="text" name="attr_nego" style="margin-left:987px;margin-top:-24px;"/></div> <div><input type="text" name="attr_mede" style="margin-left:1110px;margin-top:-24px;"/></div> <div><input type="text" name="attr_equi" style="margin-left:775px;margin-top:4px;"/></div> <div><input type="text" name="attr_furt" style="margin-left:888px;margin-top:-24px;"/></div> <div><input type="text" name="attr_pers" style="margin-left:987px;margin-top:-24px;"/></div> <div><input type="text" name="attr_tech" style="margin-left:1110px;margin-top:-24px;"/></div> <div><input type="text" name="attr_volo" style="margin-left:775px;margin-top:4px;"/></div> <div><input type="text" name="attr_vigi" style="margin-left:888px;margin-top:-24px;"/></div> <div><input type="text" name="attr_sedu" style="margin-left:987px;margin-top:-24px;"/></div> <div><input type="text" name="attr_tir" style="margin-left:1110px;margin-top:-24px;"/></div> <div><input type="text" name="attr_occu" style="margin-left:815px;margin-top:37px;width:100px;"/></div> </div>

Some more info : I have Chrome and a friend of mine uses Firefox. He has no problem to reach these fields with a mouseover. As soon as a field is completed, I then can use the mouseover to reach it. If not, I still can't. I closed everything and tried again and I still have the issue.