[css-d] border doubles height?

[John]

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/