Hey Folks, Am looking for some float help here.
Am trying to float a single-line form but (of course), the form is losing the background of the containing div. Doing this with images is, of course, easy because you know the width/height of the object you're floating, so you know how wide/tall to make the containing object. Also: If you have any links to specific pieces on this subject, I'd love it. The page itself is here: http://www.coachandgrowrich.net/templates/interior.php Here's the HTML: <div id="top"> <form action="#" method="post" name="login"> <div id="login"> <span><label for="login" accesskey="l">Login: </label><input type="text" id="firstname" name="firstname" tabindex="1" value="" title="first name" class="form_login"><label for="password" accesskey="p">Password: </label><input type="text" id="lastname" name="lastname" tabindex="2" title="last name" class="form_login"><input type="submit" value="Sign In" id="submit" tabindex="3"></span> </div> </form> </div> Here's the CSS: #top { background: #ccc; } #login { background: #ccc; padding: 5px 10px; } #login span { text-align: right; } .form_login { font: 12px geneva, verdana, arial, sans-serif; color: #666; border: 1px #7f9db9 solid; margin-top: 3px; padding-bottom: 0px; padding-left: 2px; padding-right: 0px; width: 5px; } ______________________________________________________________________ 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/
