Problema DIV e Colori

[danlupo]

Salve,

ho questi codici

CSS

#mailbox
{
    position:relative;
    margin:0;
    padding:0;
    left:1%;
    top:1%;
    height:80%;
    width:94%;
    background: gray;  
}
#mailbox a
{
    margin: 0 0 0 1%;
    color:white;
    text-decoration: none;
    display:block;
    
}
#inbox, #trash, #bozze, #outbox{
position:relative;
left:0;
top:0;
background:red;
display: none;
border-bottom: 5px groove white;
border-right: 5px groove white;
border-radius: 0 0 20px 0;
padding: 10px;
margin:1% 0 0 5%;
width: 90%;
text-align: justify;
overflow: auto;
max-height: 40%;
}

#hinbox
{
    background:white;
    position:relative;
    margin:0;
    padding:0;
    left:0;
    top:0;
    width:100%;
    height:50%;
    border-top: 1px groove green;
    border-left: 1px groove blue;
    border-right: 1px groove tan;
    border-bottom: 1px groove gray;
}

e PHP

           <div id='mailbox'>
		InBox
		<div id='inbox'>
			<div id='hinbox'>

				<p class='hdataora'>
					Data ~ Ora
				</p>
				<p class='huserfrom'>
					Mittente
				</p>
				<p class='htitle'>
					Oggetto
				</p>
				<p class='hmsg'>
					Messaggio
				</p>
			</div>	
                </div>
		OutBox
		<div id='outbox'>
		<?php include('./scripts/php/posta/outbox.php'); ?>
		</div></a>		
		Bozze
		<div id='bozze'>
		<?php include('./scripts/php/posta/bozze.php'); ?>
		</div></a>
		Trash
		<div id='trash'>
			<p class='headmail'>
				<span class='hdataora'>
					Data ~ Ora
				</span>
				<span class='huserfrom'>
					Mittente
				</span>
				<span class='htitle'>
					Oggetto
				</span>
				<span class='hmsg'>
					Messaggio
				</span>
			</p>
		<?php include('./scripts/php/posta/trash.php'); ?>
		</div></a>
	   </div>

Non capisco perchè il risultato è quello nella figura allegata: Il DIV HInbox rappresentato dal solo bordo inferiore e le scritte fuori dal DIV..

Sarà l'ora ma non capisco gli errori..

Grazie Daniele