Помогите с полями

Вопрос возможно туповатый, но я первый раз верстаю блочно с помощью div. Всегда пользовался таблицами, теперь решил научиться верстать блочно дивами.

У меня вопрос по поводу отступов:
делаю я div с высотой 99px
в него помещаю другие несколько с float: left; и height: 99px;
Но когда во внутреннем диве я устанавливаю padding: 5px; то получается, что он соответственно увеличивает свои размеры и вылазит за пределы родительского дива (на скрине показано).

Как с этим бороться, друзья? Может просто с помощью height подравнять, или есть более культурный способ?

CSS:
[HTML]
#header {
height: 99px;
background: url('../images/header_bg2.gif');
}
#logo {
width: 280px;
height: 99px;
float: left;
}
#logo img {
border: 0;
}
#header_space {
border: solid 1px #333;
background: url('../images/header_bg.gif') no-repeat;
padding: 5px 0 0 0;
min-width: 560px;
height: 99px;
float: left;
}
[/HTML]
HTML:
[HTML]
<div id="header">
<div id="logo">
<a href="#"><img src="images/logo.gif" alt="" /></a>
</div>
<div id="header_space">
АААААААААААААААААААААААААААААААААААА
</div>
</div>
[/HTML]