I have a text widget in sidebar containing nav buttons. Each button in the widget has a blank/normal/hover versions.

I want an image in the sidebar background.

Is there a way that "each" button's hover view could have it's own unique sidebar background? So on mouse-over not only would the button image change, the background it sits on would as well???

not that I'm aware of because the widget background is an parent element of the button. think of nested boxes: the widget is the outer box and the buttons are the inside box - anything that happens to the outside box is applied to the inside box unless you override them. However, things applied to the inside can not effect the outside box

OK JD. Thats kinda what I expected.

Let me ask you this then. Right now each button has a div in the text widget containing a "button_blank". Then I have code in "Add HTML/CSS". Like so:

<div
id="Button2">
<a href="http://mylink" target= "_self"><img src="./wp-content/themes/atahualpa353/images/Button2_blank.gif" ></a>
</div>


/*---------------- MY BUTTON2 button CSS - START --------------*/

div#Button2 {z-index: 4; position: top left; float: left; width: auto; margin-right: 0px; margin-left: 145px;
margin-top: 10px;
}

div#Button2 {
height: 90px; width: 90px; border-width: 0; z-index:999;}

div#Button2 img {
background: url(./wp-content/themes/atahualpa353/images/Button2_normal.png) top left no-repeat;}

div#Button2 :hover img {
background: url(./wp-content/themes/atahualpa353/images/Button_hover.png) top left no-repeat;
}

All three button views are 90X90. Is there a way to have the "hover" view much larger without having the blank larger? In other words, I would like to be able to have the hover active only within the 90x90 size of the normal view, but once active, the hover image would be a much larger. image.