[harrismichael]

I am trying to eliminate gif boxes and create css link boxes but with some links it shows the box, with some not.

I added this part of css to create boxes around text on the head.tpl (www.harrismichaeljewelry.com/test/)

.maddlinks a:link, .addlinks a:hover, .addlinks a:visited, .addlinks a:active {
border: solid 2px #DDE1E8; width:190px;height: 30px;padding: 2 2 2 2; margin-top: 3px;margin-bottom: 3px;margin-left: 2px;margin-right: 2px; background: 66778F; font-size:12px; color:#FFFFFF; font-weight: bold; text-decoration: none;}

Works on <a href="#">LINK 03 </a> & <a href="www.harrismichaeljewelry.com">HMJ </a> but NOT on
<a href="/Luxury-Gifts-c-771.html">GIFTS </a> or <a href="http://www.harrismichaeljewelry.com/Luxury-Gifts-c-771.html">GIFTS</a>

On the last two it just creates a link without the box┘

 <td class="maddlinks" height="25" align="center" valign="middle"><div align="right"><a href="http://www.harrismichaeljewelry.com/Luxury-Gifts-c-771.html">GIFTS </a> <a href="/Luxury-Gifts-c-771.html">GIFTS </a> <a href="#">LINK 03 </a>  <a href="www.harrismichaeljewelry.com">HMJ </a>  </div></td>

Any suggestions why this is happening and what I can do about this?

Thanks

MC