jquery - Transparent overlay div trigger on a button doesn't work in IE 10 -

I was trying to clean my CSS and javascript and I went too far. While this code works on Chrome Safari and went crazy at Firefox IE 10

  & lt; Div id = "bgmbutton1" & gt; & Lt; Img id = "button1" src = "http://translationgames.org/images/button1overlay.png" alt = "translation games" & gt; & Lt; Img id = "obutton1" src = "http://translationgames.org/images/button1.png" alt = "translation games" & gt; & Lt; Div id = "otrigger1" class = "button" data-case = "translation" & gt; & Lt; / Div & gt; & Lt; / Div & gt; #Bgmbutton1 {status: fixed; Left: 2%; top 5%; } # Button 1 {width: 25%; } # Obutton1 {width: 25%; Status: Completed; Top: 0; Left: 0; } #Uptigaar 1 {height: 100%; Width: 100%; Status: Completed; Left: 0; Top: 0; Cursor: indicator; Z-index: 5000; }   
 Any ideas? I'm sure I'm doing something wrong which is very basic   
 
 
  
  # bgmbutton1 {status: fixed; Left: 2%; top 5%; } # Button 1 {width: 25%;} # obutton1 {width: 25%; Status: Absolute; Top: 0; Left: 0;} # Uptigger 1 {Background: RGBA (0,0,0,0,0,0); Height: 100%; Width: 100%; Status: Completed; Left: 0; Top: 0; Cursor: indicator; Z-index: 5000;}   
 You should add background: rgba (0,0,0,0,0,0); To create an invisible transparent overlay trigger, check Bela above