I've started setting up a portfolio page that has 3 vertical lists of several buttons.
http://raymondrodriguez.net/portfolio.html So far I've only activated one of the buttons and it has shifted the button to the left. On Mac it also shifts down some. Can't figure out how to correct this. Here's the html that I used: <li><a href="http://raymondrodriguez.net"; class="amherst"></a></li> and here's the CSS: http://raymondrodriguez.net/masta.css The <ul> sits within this: #portfolioNavID { background: #fff url(portfolio/images/ids_foliohead.gif) no-repeat top center; float:left; width: 63px; text-align: center; vertical-align:top; margin: 0 5px 0 5px; padding:10px 0 0 0; } And the "amherst" selector for the button: a.amherst:link, a.amherst:visited { height:36px; width:36px; display:block; background: #fff url(portfolio/images/amherst_thumb.gif) no-repeat top left; } a.amherst:hover { background: #fff url(portfolio/images/amherst_thumb_over.gif) no- repeat top left; } Also, if anyone can give me advice on a snappier way of handling this, as I'm going to replicate it for 19 other buttons! Much thanks, Raymond ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7 information -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
