I've isolated every part of my code and it seems that adding a 1px border is the cause of making the height jump...
Why is #1 twice as high as #2? Thank you! John #1: #header{ margin:30px auto; width:1024px; height:auto; border-radius:5px; background-color:silver; border: 1px solid black; /* this one has a 1px border */ } #2: #header{ margin:30px auto; width:1024px; height:auto; border-radius:5px; background-color:silver; /* this one has no border */ } ______________________________________________________________________ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/