Dear CSS-D: I have an image floating to the left and an h4 and p/ul I want sitting next to it. Right now it's wrapping under the image if the paragraph or list is longer than the image. I'd rather not rearrange all the elements again, but if a simple fix isn't available, I'll do what I have to. Does anyone have any suggestions for this (I cannot fix any of the HTML errors, they're the CMS's fault)?
http://new.jocolibrary.org/research (need it quick box) Here's the specific problem condensed: <div id="needitquick"> <h2>Need it Quick?</h2> <div> <form name=searchForm> <img src="quicksearch125.jpg"> <!-- this needs to be linked, else I'd make it a bg image--> <input name=term> <input class=searchbutton2 type=submit value=Search> <br /> <span class=advancedlink><a href="search.htm">More search options</a></span> </form> </div> <div> <img src="books.jpg"> <h4>Books</h4> <p>Read books online or download audiobooks.</p> </div> <div> <img src="ref.jpg"> <h4>Online Reference Shelf</h4> <p>Find dictionaries, a thesaurus, quotations, and more.</p> </div> </div> And the CSS: #needitquick { padding:3px; } #needitquick div { padding-bottom:15px; clear:both; } #needitquick form { display:block; padding:0; margin:0; } #needitquick img { float:left; margin:0 5px; display:block; width:auto; } And what's up with ul/li wrapping weird in the "More research tools" in IE at: http://new.jocolibrary.org/default.aspx?id=2150 Anyone see this problem? Thank you so much!! -- In peace, Amy M. Drayer Web Interface Designer [EMAIL PROTECTED] http://www.puzumaki.com ______________________________________________________________________ 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/
