Restyling a Login

[RFSumerall]

I'm trying to make my login look like this: I began with trying to make the borders how I want, but I've run into a roadblock. I can get the existing borders to go away, but once I do that I can't add in a bottom border. I've tried looking for a tutorial, but none of them are really helping. Can someone point me in the right direction? I'm not necessarily asking for code to make it work; if it's easier to just direct me to a website that would be fine. Thanks,Rebecca Here is my code:

<div id="login"><form method=post action="http://host.onlineprintsolutions.com/gandyprinters/login.asp"><input onfocus="if(this.value == 'Username'){this.value = '';}" type="text" onblur="if(this.value == ''){this.value='Username';}" id="name" value="Username" /><input onfocus="if(this.value == 'Password'){this.value = '';this.type='password';this.value=''}" type="text" onblur="if(this.value == ''){this.type='text';this.value='Password';}" id="name" value="Password" /><input class="clsSubmit" type=submit value="Go" id=submit1 name=submit1 onClick="if ((user.value=='') && (password.value=='')){alert('Please enter your user name & password');return false}"></form></div>

Here is my css:

#login input {border:0;}

[ShadowMage]

What was the code you tried to add the bottom border? I would do something like this:

#login input {  border: none; /* remove all borders */  border-bottom: 1px solid gray; /* add whatever style you want for the bottom border */}

Edited July 10, 2012 by ShadowMage

[RFSumerall]

Well that works. I swear I tried that, I must have uploaded it wrong. Thanks though!! Have a great day!