# Change background of ul when rollover li a

**URL:** <https://forum.kirupa.com/t/change-background-of-ul-when-rollover-li-a/313574>\
**Category:** Uncategorized\
**Created:** [September 3, 2010, 2:35am UTC](https://forum.kirupa.com/t/change-background-of-ul-when-rollover-li-a/313574 "2010-09-03T02:35:52Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![Daimz](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/daimz/32/2383_2.png) [@Daimz](https://forum.kirupa.com/u/Daimz)\
**Post date:** [September 3, 2010, 2:35am UTC](https://forum.kirupa.com/t/change-background-of-ul-when-rollover-li-a/313574/1 "2010-09-03T02:35:52Z")

</div>

I am working with sprites and I have a background image where I have a my menu items all in line and then underneath a description so when you rollover the menu item you will not only see the item change but the text will appear below. (basic sprites stuff and easy to do.)

What I am struggling with it the text below is often alot lager than one button more like two or 3 which prover a problem when it’s the background of the \<li\> I am changing.

So I was wondering if there was a way I could rollover \<li\> and then have the background of \<ul\> change instead of \<li\> as it is now. This would allow me to have the text as long as I want.

I’ve been looking at jQuery but I haven’t seen a working solution yet.