Transparent input felter

Hejsa.

Jeg har forsøgt at lave mine input felter transparent, så man kan se baggrunden igennem dem, men kan ikke rigtig få dem til det.

Nogle der kan fortælle mig hvor min fejl ligger?

 <div id="content" class="login">
                 
                 <h1><img src="images/icons/lock-closed.png" alt="" />MNet</h1>
 
                 
                                 
                 
                                 <form action="login.php" method="post">
 
                 <div class="input placeholder">
                     <label for="login">Brugernavn</label>
                     <input type="text" name="username" id="login" autocomplete="off"/>
                 </div>
                 <div class="input placeholder">
                     <label for="pass">Adgangskode</label>
 
                     <input type="password" id="pass" value="" name="password" autocomplete="off"/>
                 </div>
                 <div class="checkbox">
                     <input type="checkbox" id="remember"/>
                     <label class="inline" for="remember">Husk mig</label>
                 </div>
                 <div class="submit">
                     <input type="submit" value="Log Ind" name="submit"/>
 
                 </div>
                 </form>
 
                 
             </div>

 #content.login
 {
  width: 350px;
  margin: 90px auto 0;
 }
 
 #content.login .notif
 {
  margin: 12px 0px 16px;
 }
 
 #content.login div.input
 {
  height: 33px;
  line-height: 33px;
  margin-bottom: 13px;
  position: relative;
  /*+border-radius: 3px;*/
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -khtml-border-radius: 3px;
  border-radius: 3px 3px 3px 3px;
  background-color: #1B1B1B;
  background-color: #rgba(0, 0, 0, 0.4);
  border: 1px solid #0E0D0D;
  border: 1px solid #303030;
  /*+box-shadow: inset 2px 2px 5px rgba(0, 0, 0, 0.6);*/
  -moz-box-shadow: inset 2px 2px 5px rgba(0, 0, 0, 0.6);
  -webkit-box-shadow: inset 2px 2px 5px rgba(0, 0, 0, 0.6);
  -o-box-shadow: inset 2px 2px 5px rgba(0, 0, 0, 0.6);
  box-shadow: inset 2px 2px 5px rgba(0, 0, 0, 0.6);
  margin-top: 16px;
 }
 
 #content.login div.input input
 {
  position: absolute;
  top: 0;
  left: 0;
  width: 329px;
  height: 32px;
  background: transparent;
  border: none;
  color: #6A6A6A;
  padding: 0 10px;
 }
 
 #content.login div.input label
 {
  position: absolute;
  top: 0;
  left: 10px;
  height: 33px;
  line-height: 33px;
  color: #3A3636;
 }
 
 #content.login div.submit
 {
  float: right;
  width: 97px;
  text-align: right;
 }
 
 #content.login .checkbox
 {
  background: none !important;
  /*+box-shaodw: none;*/
  -moz-box-shadow: none !important;
  -webkit-box-shadow: none !important;
  -o-box-shadow: none !important;
  box-shadow: none !important;
 }
 
 #content.login div.checkbox
 {
  float: left;
  width: 229px;
  margin-top: 3px;
 }
 
 #content.login div.checkbox label
 {
  cursor: pointer;
 }
 
 #content.login div.submit input
 {
  /*+box-shadow: 0px 2px 5px #202020;*/
  -moz-box-shadow: 0px 2px 5px #202020;
  -webkit-box-shadow: 0px 2px 5px #202020;
  -o-box-shadow: 0px 2px 5px #202020;
  box-shadow: 0px 2px 5px #202020;
 }

Kan desværre ikke smide et link da jeg udvikler det lokalt.