Hi! Was hoping you could help me out here. I am implementing a form that uses a background image on the submit-buttons. So far, so good.
However, in IE7, the background-images will not fill the button, and always leave a 1px border with the background-color, inside the borders specified for the button. This in turn ruins my carefully crafted gradients and stylish borders. Seen this on two computers, one running Vista, one running XP, rendered like intended in FF. --8<-- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd";> <html xmlns="http://www.w3.org/1999/xhtml"; lang="en" xml:lang="en"> <head> <meta content="text/html; charset=UTF-8" http-equiv="Content-Type" /> <style media="all" type="text/css"> input.submit { background-color:#f00; background-image:url('./images/button_submit_background.gif'); background-position:top left; background-repeat:repeat-x; border-top:1px solid #f7f7f8; border-left:1px solid #e9ebef; border-bottom:1px solid #7c7e82; border-right:1px solid #949597; } </style> <title>A page with a Dude-button</title> </head> <body> <form action="#" method="post"> <p> <input type="submit" class="submit" name="dude" value="Dude!" /> </p> </form> </body> </html> --8<-- -- Pål Eivind Jacobsen Nes ______________________________________________________________________ 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/
