# Hover a box in CSS?

**URL:** <https://forum.kirupa.com/t/hover-a-box-in-css/212667>\
**Category:** Uncategorized\
**Created:** [January 12, 2007, 10:43pm UTC](https://forum.kirupa.com/t/hover-a-box-in-css/212667 "2007-01-12T22:43:46Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![Flashback10](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/flashback10/32/679_2.png) [@Flashback10](https://forum.kirupa.com/u/Flashback10)\
**Post date:** [January 12, 2007, 10:43pm UTC](https://forum.kirupa.com/t/hover-a-box-in-css/212667/1 "2007-01-12T22:43:46Z")

</div>

I am redesigning the following web site from one being made entirely in flash to a layer-based design (no tables): [http://www.midoaklandmaintenance.com/](http://www.midoaklandmaintenance.com/)

I want to somewhat keep the button design that I have on the site right now. In other words, I want a hover color on the entire box, like what I have on the index page.

Is there a way to do this in CSS? I’ve been looking it up everywhere, and I can’t even find any sites that do this? All I can manage to do is change the hover color of the link itself, not the entire \<div\> box.

With the advancement of CSS, I can’t imagine having these buttons be made from images…there has to be a better way.

Any help would be greatly appreciated. Thanks.

maria-