OK, the following is what I have now: #apartment-image div a { margin: 0px 6px 11px 0; } #apartment-image div a img { cursor: default; position: relative; z-index: 1; } #apartment-image div a:hover { display: block; border: 2px solid red; width: 105px; height: 78px; position: relative; z-index: 99; padding: -2px; margin: -2px; }
In mozilla it does some strange stuff, the red border is around the image, not over it. As a last resort I can just decrease the image size by 2px, but ultimately that is not what I am after. Thanks. Kind regards, Taco Fleur free call 1800 032 982 - fax 07 3414 6464, international +61 7 3325 5103 www.pacificfox.com.au an industry leader with commercial experience since 1994 . our services: - online, print, marketing & information technology - website, branding, logo, business cards, letterheads - accept online credit card payments www.commerceengine.com.au - domain registrations, .com for as low as fifteen dollars a year, .com.au for fifty dollars two years! ****************************************************** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help ******************************************************