I have a doubt over a question. I have a set of images when i hower over the image the background must change. The background of the menu must not change instead the image holding all the menu must change.

When i hower a menu 1 a new image must come in background and similarly for all the menus.

Hope you get it,

Thanx

Sorry but not sure I understand, could you post link to a mock up or maybe an image?

your explanation is hard to understand without a picture.  but whatever it is u r trying to do, i am sure javascript+css will handle it

Example!
Put this in the page header (or external stylesheet):

<STYLE TYPE=“text/css”>
  <!—

#mainMenu {
list-style: none;
}

#mainMenu a {
line-height: 27px;
display: block;
width: 149px;
height: 28px;
padding:0px 0 0 4px;
color: #000;
font-weight: bold;
font-size: 13px;
text-decoration: none;
background: url(../images/menu.gif) no-repeat top left #FFF;
}
#mainMenu a:hover{
background: url(../images/hoover_menu.gif) no-repeat top left #fff;
width: 149px; padding:0px 0 0 4px;color: #740414;
height: 28px;font-weight: bold;
}
#mainMenu a#selected {
background: url(../images/select_menu.gif) no-repeat top left #FFF;
color: #740414;font-weight: bold;
}
  —>
</STYLE>

Put this in the htmlpage:

That’s all!