Convert a <input form> in a <a href

My code has

<input class="menu_button" type="submit" value="Log in">
<a href="register.php" class="menu_button">Register</a>

The a href is styled perfectly in my css while the input button with type = submit DOES NOT...

How could I change

Into a a href?

Here is a jsfiddle.

http://jsfiddle.net/26tyd/

SEE HOW THE BUTTONS LOOK different. one higher up and smaller the other is perfect. Please help me figure out how to fix this issue.

Solution

As I understand you need to style both elements the same? Here's one solution:

JSFIDDLE DEMO

.menu_button {
    -moz-box-shadow:inset 0px -1px 0px 0px #000000;
    -webkit-box-shadow:inset 0px -1px 0px 0px #000000;
    box-shadow:inset 0px -1px 0px 0px #000000;

    background-color:#000000;
    text-indent: 0;
    border: 1px solid #fa1e0f;
    display: inline-block;
    color: #fff;
    font: normal 12px/1 Arial;
    width: 58px;
    text-decoration: none;
    text-align: center;
    vertical-align: top;
    text-shadow: 1px 1px 0px #33302f;
    padding: 5px 0;
    ouotline: 0 none;
    margin: 0;
}
/*this is needed for firefox and buttons */
.menu_button::-moz-focus-inner { border: 0; padding: 0; outline: none; }