How to make custom html form buttons - here's a way to do it.

Question

I have been trying to create custom HTML form rollover submit/Reset buttons but could not get it going.
There is a Javascript way but I do not know how.
Anyway, I manage to get it working in all browsers except for IE 6. It does not hover in IE 6.
Here is the HTML code:
<label class="contact_form_btn">
<input type="submit" name="submit_btn" class="contact_form_submit_btn" value="Submit form" />
</label>
And here is the CSS:
.contact_form_btn, .contact_form_submit_btn {
    margin: 0;
    padding: 0;
    display: block;
    line-height: 40px;
    height: 40px;
    width: 200px;
    font-family: "Century Gothic", "Trebuchet MS", Verdana, Tahoma;
    font-size: 20px;
    color: #FFFFFF;
    font-weight: bold;
    float: left;
    background-image: url(../my_website_images/form_btn_set.jpg);
    background-repeat: repeat-x;
    background-position: bottom;
.contact_form_btn {
    background-image: url(../my_website_images/form_btn_set.jpg);
    background-repeat: repeat-x;
    background-position: bottom;
.contact_form_submit_btn {
    background: transparent;
    border: none;
    cursor: pointer;
    float: left;
    clear: left;
.contact_form_btn:hover {
    background-image: url(../my_website_images/form_btn_set.jpg);
    background-repeat: repeat-x;
    background-position: top;
It works perfectly but not in IE 6.
In IE 6 the image does work but there is no hover effect.
I'm using it anyway - screw it.
But for the sake of learning and advancement  - does anybody have an idea why it will not rollover in IE 6?

Answer 1

JoeyD1978 wrote:
You can use an HTC to fix the hover on IE6:
http://www.danvega.org/blog/index.cfm/2008/1/1/CSS-hover-selector
Hello,
I read the information on the link you posted but I'm a litle confused as to how this is implemented.
There is nothing mentioned about attaching a script to the document.
All I read is that you add this to the body:  body {    behavior: url("csshover3.htc"); }
And so my question is. The files that you download, where do you put them? Do you attached them to the header of the html page?
Or do you pull them through the url that's attached in the CSS page body?
I have contacted the author but if you know the answer, please explain further.
Thanks again, Patrick