onMouse over / out shange div id?

Is it possible to create some javascript which changes the Div Id on rollover? I am re-coding my site witt tableless CSS and at the moment I am using the following code:

<td class="cont-subbutton" onMouseOut="this.div id='cont-subbutton';" onMouseOver="this.className='cont-subbuttonhover'"><a href="/index.php?content=network">The Network </a></td>

Is it possible to change this so that rather than chaning the class it changes the div id?

You need to use a class anyway. You shouldn't use an identifier for an element that will appear more than once in a page, because it needs to identify an exclusive element.

However, instead of using that JavaScript, if you want to utilise CSS properly, you should use a pseudo class for the anchor. So for that code you should have:
And then for your CSS:
Hope that helps.

P.S. More about CSS selectors.

P.P.S. Someone fix this goddam overflow on the code boxes! It annoys the hell out of me.

Thanks for the reply, the thing is I am trying to change the bckground style on the hover-over. So if I set the a:hover setting then the background style only shows behind the text and not the 150px width and 20px height that I want it to.

Then you can add a height and width onto the anchor using the CSS if you don't mind the whole area being clickable.

This is the current CSS for it, it doesnt seem to set the height or width though:

a.cont-subbutton {
height: 16px;
color: #999999;
font-size: 10px;
background-repeat: repeat-y;
background-position: right;
vertical-align: middle;
padding-right: 7px;
padding-top: 4px;
}


a.cont-subbutton:hover{
height: 20px;
color: #999999;
font-size: 10px;
background-position: right;
vertical-align: middle;
padding-right: 7px;
padding-top: 4px;
background-image: url(images/main/cont-navactive.jpg);
width: 150px;
}

I don't know exactly what you want your menu to look like, but check out http://css.maxdesign.com.au/listamatic/. They have lots of examples of menus and the code for them. I'm sure you'll be able to find some code that you can alter there.

That helped alot, got the sub-navigation working now.

Thanks for your help.