CSS Table issue, Table resizes on a button's mouseover

My table resizes just once when there is a mouseover on any of the
Update or delete buttons. This app is being developed in CF 6.1 with a
fusebox 4.1 framework just an FYI

I have put the two problem files:
http://brendan.aciwebs.com/test/css_table_issue.cfm
http://brendan.aciwebs.com/test/warbucs.css

I have tried to make a fixed width for a table and everything else I
could think of. Any ideas?

Brendan wrote:

My table resizes just once when there is a mouseover on any of the
Update or delete buttons. This app is being developed in CF 6.1 with a
fusebox 4.1 framework just an FYI

I have put the two problem files:
http://brendan.aciwebs.com/test/css_table_issue.cfm
http://brendan.aciwebs.com/test/warbucs.css

I have tried to make a fixed width for a table and everything else I
could think of. Any ideas?

- Validate your CSS & HTML:
http://jigsaw.w3.org/css-validator/v...able_issue.cfm
http://validator.w3.org/check?verbos...able_issue.cfm

- I'd change the font sizes from NNpx to em or % so the user can resize
them with the browser. e.g.

- I don't know why, but if you comment out the hover code it stops
happening. This looks better to me than the hover background color change:
/*
#button a:hover {
background-color:#91C787;
border: 1px solid;
width: 50px;
font-size: 90%;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
border-color: #FFFFFF #666666 #666666 #FFFFFF;
}
*/

Mike