CSS button image :hover
<pre><code>&lt;!doctype html&gt;

&lt;title&gt;Site Maintenance&lt;/title&gt;
&lt;style&gt;
body { text-align: center; padding: 150px; background: #666a73; }
body { font: 20px Helvetica, sans-serif; color: #666a73; }
article { display: block; text-align: left; width: 650px; margin: 0 auto; }
#button1 {
height: 50px;
width: 250px;
}
#button1:hover {
width: 300px;
height: 74px;
}
#button1:visited {
width: 0px;
height: 0px;
}

&lt;/style&gt;
&lt;body&gt;
&lt;article&gt;
&lt;div&gt;
&lt;a href="test"&gt;&lt;input type="image" id="button1"          
style="height:50px;width:250px;" src="button.png" /&gt;&lt;/a&gt;
&lt;/div&gt; 
&lt;/article&gt;
&lt;/body&gt;
</code></pre>

<p>Does anyone have an Idea why the on hover event doesn't work? Im not sure why its not srinking the button to size 0,0 or why it doesnt on hover enlarge it.</p>