John, This mock up looks exactly the same in IE 7-8, Safari 4, Chrome 5 and Firefox 3.6.3 (all on a PC). You'd have to add some Javascript to make it actually do something, but the the appearance seems to be consistent. If this will work for you, and you need help with the Javascript, email me off-group.
<!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";> <head> <meta content="text/html; charset=utf-8" http-equiv="Content-Type" /> <title>Form Test</title> <style type="text/css"> #wrapper { position: relative; background: #FF95CA; height: 60px; font-family: Arial, Helvetica, sans-serif; } #searchform { position: absolute; width: 280px; top: 50%; left: 50%; margin: -12px 0 0 -140px; } #ffield { position: relative; height: 24px; width: 200px; background: #ffffff; border: 1px solid #000000; text-align: left; line-height: 24px; padding-left: 3px; } #fsubmit { position: relative; height: 24px; width: 60px; background: #c0c0c0; border-top: 1px solid #ffffff; border-right: 1px solid #000000; border-bottom: 1px solid #000000; border-left: 1px solid #ffffff; text-align: center; line-height: 24px; margin-left: 10px; float: right; } </style> </head> <body> <div id="wrapper"> <div id="searchform"> <div id="fsubmit">Search</div> <div id="ffield" contenteditable>Search entire shop here</div> </div> </div> </body> </html> ______________________________________________________________________ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
