OK. Let's say you want to have a link with a background image. Let's say the image is 200x200. Let's say you want the image to display when you hover over it. So, you'd set the width and height of your <a> element to 200x200. However, what if you only want the actual link text to be clickable, and not the entire 200x200? Is there a way to display the image while only making the link text active-i.e the background image will appear only when you hover over the link text? You can see the problem here...the css is in the page source...i can't post live links yet... jontakiff.com/circles/ Thanks!
Your having a bunch of issues. 1) Its easier just to pick a new design. 2) Position the images where you want them as a rollover image. 3) Position the link text over the image. No padding
questionable is on the right track. If the background image is on the li, you'd make the li have the 200 x 200 size you want. Make the anchor normal (only as big as the text... which it will be by default if you don't set display: block.