Problem w/ CSS Hover Pop-Up

HTML & CSS
1

Please check following product page…

In a small boxed area on the right side of the page (under the ADD TO CART button), I have a hover button for “Shipping Rates”. When the mouse hovers only over the actual button, the shipping rates images should pop up…

But as soon as you move your mouse into that boxed area (not necessarily over the button), the image pops up. It should work so that the image should pop up when you hover over button alone, not when you hover in general area…

See what I’m referring to? I can’t see what is causing this in my style sheet. How can I fix this?

2

The problem is that you have the .prodmoreinfo1 class on the link AND on the <td>. That class triggers the hover effect. So my advice would be to rename that class for the <td> so that it doesn’t trigger the hover.

E.g.

<td class="prodmoreinfo[COLOR="Red"]2[/COLOR]">

td.prodmoreinfo[COLOR="Red"]2[/COLOR] {
  border-bottom: 1px solid #DDDDDD;
  margin: 0;
  padding: 24px 0 18px 15px;
  width: 100%;
}
3

Oh, boy. Okay - I see it. Thanks!