This is the most basic template possible. We are using no style sheets and no meta-data. Every single item is defined in the head and used in the body. This text was outside the original [div]. So that made me think, [div]'s should not have a predetermined size. I have spent hours and hours trying to clean up some ancient code and get my buttons to work properly. The javascript will change the color of the buttons and the text inside. On the more elagant pages, we were only changing the background. I found that you have to change the text color in the script function itself. My orignial buttons only had doRollover for both mouseover and mouseout. I made two separate functions. Also, I noticed that since my code refers back to the parent.node my buttons were changing the entire background. So, I nested them inside a table. - Now, if you go up just one level - only the 'button's background changes [td bgcolor="#yessir"]. All other attempts would result in undesired behavior. I tried pre-defined style elments and html style overrides to no avail. Also, even thouh the text color changes from the funciton - you have to include some text color in the function call as a 'place-holder.' I tried removing 'color' from my function with unexpected results. For som unknown reason, doRollover1(this) combined with a correct doRollover2 (elem,color,rollover_color); will semi-work. However, the hover color is always green - pretty close to the shade #00ff00. I used this color on one button AFTER discovering it was the default. Notice the same behavior happens on jmg electrical even though that color is nowhere in its function call.