semi transparent input boxes…

If you have a look at my current project [url]http://mouse.nodstrum.com/index.php[/url] you’ll see the login box in the top left corner… and it’s partialy hiding an image. how can i make the input box semi transparent so that the omage shows through???

Mouse

The CSS

[code]
/************* #login styles ***************/

#login{
padding: 5px 0px 5px 10px;
border-bottom: 1px solid #fff;
font-size: 100%;
background-image:url(/images/icons/plus.gif);
background-repeat:no-repeat;
}

#login form{
margin: 0px;
padding: 0px;

}

#login label{
display: block;
margin: 0px;
padding: 0px;

}
[/code]

The HTML

[code]
<div id=”login”>
<form action=”” method=”post”>
<label>Login</label>
<input name=”loginname” type=”text” size=”8″ value=”Email” >
<input name=”password” type=”text” size=”8″ value=”Password” >
<input name=”search” type=”submit” value=”go” >
</form>
</div>
[/code]

Also in #CSS _↴