richard hall wrote:
> The problem I have in my case, is if I use this
>
> #menu {
> float: left;
> width:199px;
> background-color: #FFFFCC;
> height:100%;
> }
> #content {
> width:75%;
> margin-left: 220px;
> top:0;
> font-family: Papyrus;
> background-color:#FFFFFF;
> }
>
> <div id="menu">
> </div>
> <div id="content">
> </div>
>
> ... Then there is a white space and yellow bar about the graphic at the top
> of the menu in firefox and safari and I want the graphic to be flush against
> the top of the browser.
>
> http://www.inspirationcenter.net/midamericadharma/float.aspx
>
> However when I use this:
>
> #menu {
> width:199px;
> background-color: #FFFFCC;
> height:100%;
> }
> #content {
> position:absolute;
> width:75%;
> margin-left: 220px;
> top:0;
> font-family: Papyrus;
> background-color:#FFFFFF;
> }
>
> ... It seems to work correctly in firefox (man & win), safari, and IE (win)
>
> http://www.inspirationcenter.net/midamericadharma
>
>
Richard,
Get rid of the top margin on the h1 inside the div.
http://css-discuss.incutio.com/?page=CollapsingMargin
Zoe
--
Zoe M. Gillenwater
Design Services Manager
UNC Highway Safety Research Center
http://www.hsrc.unc.edu
______________________________________________________________________
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/
