Currently I'm just trying to have an image scale down depending on the window size of the browser. The image is held within an anchor link, so that if you click on it it sends you to the home page.

My problem right now is that when it's resized, the only part of the image that connects to the anchor is a small portion of the bottom, or if I resize it to be smaller, all ability to click on it disappears.

Thoughts? Solutions?

I REALLY don't want to make an image map and scale it dynamically with javascript.

HTML:

<a href="Index.html" id="leftNav"> <img class="bar" id="leftBar" src="./files/images/Nav First.png" border="0" /> </a> <img class="bar" id="midBar" src="./files/images/Nav Select.png" border="0" /> <a href="#" onClick="goToLastComic(); return false;" id="rightNav"> <img class="bar" id="rightBar" src="./files/images/Nav Last.png" border="0" /> </a>

CSS: