applying background image to link tag

[accetdinesh]

hi,
I need to apply a button like background image to the link tag.

Im using a <UL> and its <li> element are added dynamically.

The elements are <a href=> link tags added by inner HTML as below:

var n = document.createElement("li");
n.innerHTML='<a href="#" onclick="getDetails()">value</a>';
document.getElementById("tableList").appendChild(n);

I need to apply a background image to the above link tag.
The image should be resized properly along with the text and the text should
be aligned center.

Please help me.

Thanks in advance.

[Fang]

The image should be resized properly

You can't resize background images client side.

Perhaps you mean resize the link?

[infinityspiral]

Yep background images in CSS don't scale they can only be clipped.