CSS image strech

[bondigor69]

hey guys Im using wordpress and I have this css script

ul#nav2 li a:hover {
	background:#444444;
	text-decoration:underline;
	text-indent:0px;
	line-height:37px;
	margin-top:-11px;margin-bottom:auto;
	padding-top: 0px;
	background: transparent url("images/onhover1.png") no-repeat scroll left top;
	width:auto;
	height:65px;

And I want the image to stretch automaticly if the words are bigger.
This is wordpress navigation menu.And every category have different word length and Im using an image as backround of every category.
So if the category length is bigger than the image I want it to stretch.
I DONT WANT TO REPEAT THE IMAGE

[aj_nsc]

I'm not going to say you can't do it, because you can:

http://www.w3schools.com/cssref/css3...round-size.asp

But you can't do it in IE7/8....