how to keep a bordered div from extending outside the confines of its parent

[Darkmatter5]

Here are my two divs

#tools {
    min-height: 87%;
    width: 20%;
    position: absolute;
    margin: 0;
    background-color: red;
    right: 0;
    z-index: 2;
}
#tools_login {
    height: 110px;
    width: 100%;
    border: 1px solid black;
}

 

Tools is the parent of tools_login, but tools_login extends past the edge of tools.  I suspect it's extending 2px as the border is 1px and there is a border on each side, so it pushes out 2px.  Atleast that's my theory.  How can I fix this?

[dropfaith]

i would drop the 100% to say 98 or so i feel that 100% with borders cramps things a bit with the border anyways..

 

i like having a bit of space between elements

 

its just my thoughts tho

 

[BoltZ]

Yea if its extending maybe 1-2 % past it just lower that.