Hi all - hope everyone is enjoying the end of their summer.

So, I'm working on this site: http://www.jessweiss.com/insta/index1.html

Let's not go into why I'm using images for text (big client issue - client refuses a flexible design - anyhoo) But the problem I'm trying to fix is when I roll over the "track" image/link, it is pushing down the "learn more" button. Any thoughts on how to prevent this so that button stays static?

TIA!

UPDATE - well, I stopped the image from jumping by using a display: block on the parent element, but now my borders aren't working in Firefox... previously, the borders weren't working in IE6, but adding the block display fixed it in both IE6 and IE7 and stopped the jumping - so any continuing help would be appreciated.

UPDATE 2 - if I take out the top border, the bottom border works fine in all three browsers... so, how can I get that top border to sit above the image in FF?

The problem is that the <a> has no height - so it's not showing the borders where you want them. Usually, adding padding to the top and bottom equal to the height of the image would work. However, you have 2 different images of different dimensions, so that makes it more of a problem.

You could do it this way instead:

.chart3 a:link img{
/*border: none;*/
text-decoration: none;
border-top: 2px solid #ffd630;
border-bottom: 2px solid #ffeb99;
}

.chart3 a:hover img{
border-top: 2px solid #aa15c9;
border-bottom: 2px solid #aa15c9;

}

.chart3 a:visited {
border-top: 2px solid #ffd630;
border-bottom: 2px solid #ffeb99;

text-decoration: none;
}

.chart3 a:hover {
text-decoration: none;
/*border-top: 2px solid #aa15c9;
border-bottom: 2px solid #aa15c9;*/
}

.chart3 a:active {
border-top: 2px solid #ffd630;
border-bottom: 2px solid #ffeb99;
text-decoration: none;
}

That works and the borders show where you want them -around the images. Because the yellows are different around the words, I'd make a class for those only, change the yellows to be the same as the background behind the words, then apply that class to just those 'word' links.