body { font-family: Arial, Sans-Serif; margin: 0; padding: 0; }
div { margin: 0; padding: 0; }

#page { margin: 0 auto; width: 600px; }
.buttons { clear: both; padding-top: 30px; }

a.rollover { background-color: #00f; border: solid 1px #000; color: #fff; float: left; font-weight: bold; padding: 4px; text-decoration: none; }
a.rollover:hover { background-color: #008; }

a.rollover.extra { background: url(buttons.png) repeat-x left 0; border: none; height: 27px; padding: 23px 40px 10px 40px; position: relative; }
a.rollover.extra:hover { background-position: left -57px; }

a.rollover.extra .cap { background: url(buttons.png) no-repeat right 0; height: 100%; position: absolute; right: 0; top: 0; width: 40px; }
a.rollover.extra:hover .cap { background-position: right -57px; }