Customised buttons and style sheets

I have semi-customised my link buttons (setting the size) using in-line CSS. the relevant code looks like this:

<form action=”main.htm” target=”sample”><input type=”submit” value=
“HOME” style=”position: absolute; left: 15px; top: 15px; width: 120px; height: 20px; “></form>

I now want to put some of the code into an internal style sheet like this:

<style type=”text/css”>
.button1 {width: 120px; height: 20px;}
</style>

So that the in-line code becomes this:

<form action=”main.htm” target=”sample”>
<input class=”button1” type=”submit” value=
“HOME” style=”position: absolute; left: 15px; top: 15px; “></form>

However the new button now looks like a text box instead of a button and the link (which changes the content of an iFrame) no longer works.

Any comments?

Also in #CSS _↴