Hey Folks, For the life of me, I can't figure this out, but here's a chunk of code I'm using for a single-line, multi input form (it's not yet written in accessible fashion, but will be).
<form class="login"> <div id="top"> <div id="login"> <span class="login_title">VIRTUAL U MEMBER ACCESS</span><span>Login: </span><input type="text" id="firstname" name="firstname" tabindex="1" value="" title="first name" class="form_login"><span>Password: </span><input type="text" id="lastname" name="lastname" tabindex="2" title="last name" class="form_login"><a href="javascript:document.login.submit();"><img src="/images/button_signin.gif" style="vertical-align: middle; padding-bottom: 2px;" border="0" width="55" height="19" alt="Sign In" border="0" /></a> </div> </div> </form> Anyhow, on Safari there seems to be some hidden buffer space being introduced into the div based on the placement of the opening and closing form tags. If the closing form tag comes either after the SUBMIT image, or between either of the two closing divs, I get extra padding. If the opening form tag comes above the <div id="top"> tag, I get padding added before the opening div, pushing this whole thing down the page about 20px. If I place the opening form tag inside the first div, the padding disappears on Safari, but is reintroduced in IE 6.0. Is this any kind of known bug with form tags and Safari? ps. There's no CSS code that would be causing this. It's the placement of the form tag itself. Cheers, Anthony ______________________________________________________________________ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- 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/
