I want a text link to look exactly like the input button to the left of it... but it isn't working. It really screws up in IE (duh), it's marginally bad in Opera, and even in Firefox the link button is slightly smaller than the input button.
Here's the link to a test page...
The current styling (this might change as I'm fooling with it):
Code: Select all
.button
{
position: relative
font-family: Georgia;
font-weight: bold;
font-size: 1em;
border: outset black 1px;
color: #FFF;
background-color: orange;
padding: 0.2em 0.4em;
margin: 0;
text-decoration: none;
line-height: 1em;
display: inline;
}