Hello List members, Just joined the list and I'm looking forward to learning CSS. I'm starting to develop in CSS for the first time and came upon a strange happening in Firefox 2.0 that I hope can find an answer for.
My problem stems from a simple nested div: <div id="wrapper"> <div id="content"></div> </div> The nested "content" div basically pulls the "wrapper" div downward, causing a gap. Background: The "wrapper" div has a width of 800px, contains a background image and is flush against the top browser window. This is how the "wrapper" div should look: http://gpalzproductions.com/v2/index.html http://gpalzproductions.com/v2/stylesheet/style.css Now,the nested "content" div has a width of 700px and a top margin of 40px to create some space. For some reason, the "wrapper" div gets pulled downward and is no longer flush with the top. Not good. http://gpalzproductions.com/v2/index2.html http://gpalzproductions.com/v2/stylesheet/style2.css I'd like to understand why this is happening. It just bugs me that I'm not understanding something that seems to be simple. Accidental Solution?: I discovered if I added a border to the wrapper, it pushes the wrapper up (what?!!) where it should be (flush with the top): http://gpalzproductions.com/v2/index3.html http://gpalzproductions.com/v2/stylesheet/style3.css I guess I should change the border color, be happy and move on. But I'm feeling CSS is a strange strange world. Thank you for your time and words. George ______________________________________________________________________ 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/
