CSS image sprite error

[christopherson]

I'm trying to make a simple hover effect with my submit button CSS

#submit1 a:hover{background-position: -1px -56px ;background-image:url(sprites.png);}#submit1{background-position: -140px -58px ;width: 112px;height: 33px;background-image:url(sprites.png);}

HTML

<div id="submit1"><a href="#"></a></div>

[Ingolme]

You don't need an <a> element to use the :hover pseudo-class. Put the :hover selector right on the submit button itself.

[newseed]

If you are not using a form tag or you require that the use of an anchor tag to submit data then you need to add display: block to the #submit1 id.