On 7/10/06, Taco Fleur <[EMAIL PROTECTED]> wrote:
Got it (sort of) works in Firefox, not explorer.. - Kind regards, Taco Fleur
Here's one I quickly cooked up: http://sandbox.server-logon.com/jstreet/bordertest/ <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd";> <html lang="en"> <head> <title>Recessed border test</title> <meta http-equiv="content-type" content="text/html;charset=utf-8"> <style type="text/css" media="screen">span:hover { width:80px; height:23px; display:block; overflow:hidden; background:#0f0; border:4px solid #f00; position:relative; } span:hover img { position:absolute; top:-4px; left:-4px; }</style> <meta http-equiv="imagetoolbar" content="no"> </head> <body><h1>Test of recessed border around an image on :hover</h1> <span><img src="valid-html401.png" alt="" /></span> </body> </html> Obviously won't work in IE with span:hover, but if you changed that to an anchor it should be fine. No z-indexes or any of that required, I don't think. Josh -- Joshua Street http://joahua.com/blog/ +61 (0) 425 808 469 ****************************************************** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help ******************************************************
