Question

Upon using the following CSS styling for my log in form, My POST variables register as NULL variables upon form submission. Why?

Here is the CSS:

#wrapper #Box input[type=text], textarea, input[type=password] {
border: 1px solid #929292;
color: #929292;
padding: 10px;
vertical-align: text-top;
width: 200px;
-webkit-box-shadow: #e3e3e3 0.1em 0.1em 0.2em;
box-shadow: #e3e3e3 0.1em 0.1em 0.2em;
-moz-box-shadow: #e3e3e3 0.1em 0.1em 0.2em;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-border-radius: 5px;
-khtml-border-radius: 5px;
background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF));  
background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 25px); 
bottom: 0;
left: 10px;
}

#wrapper #hottestBox button, input[type=submit] {
border: 1px solid #929292;
color: #505050;
-webkit-box-shadow: #e3e3e3 0.1em 0.1em 0.2em;
box-shadow: #e3e3e3 0.1em 0.1em 0.2em;
-moz-box-shadow: #e3e3e3 0.1em 0.1em 0.2em;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-border-radius: 5px;
-khtml-border-radius: 5px;
background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF));  
background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 25px); 
padding: 10px;
}

for this HTML

<div id ='wrapper'>
<div id ='Box'>
        <form action="login.php" method="post">
        Username:
        <input name="username:" type="text"/><br/>
        Password:
        <input name="password:" type="password" /><br/>
        <input name="submit" type="submit" value="Sign In" />
        </form>
    </div>

</div>

Answer 1

why do your name attributes have a : at the end? That is probably part of your problem. This is definitely not CSS related