Top margin desaparece

[salbatore]

Hola, foreros:

Lo he vuelto hacer de nuevo todo, pues no sabia el error
Mirar el link: http://usuarios.lycos.es/salbatore/ . Si os fijais el menu tiene los <a> con un fondo amarillo y un padding superior e inferior de 10px. El problema es que esta superpuesto al color morado, es decir el div llamado title. Lo que busco ahora es que los botones esten dentro del div de color verde, ya lo estan, pero falta el padding-top y padding-bottom tambien lo esten, es decir, no se salgan del div de color verde. ¿Una ultima ayudita?

Mirar el html:

Código HTML:

<div id="common_header">
		<div id="common_header_login">
			login
		</div>
		
		<div id="common_header_title">
		title
		</div>
		
		<div id="common_header_menu">
			<ul>
		    <li><a href="index.php">index</a></li>
		    <li><a href="view.php">view</a></li>
		    <li><a href="insert.php">insert</a></li>
		    <li><a href="register.php">register</a></li>
			</ul>
	    </div>
	</div>

Y el css:

Código HTML:

body {margin:0; text-align:center}

	#common_header {}
	
		#common_header_login {background:#00FF99; width:700px; margin:0 auto 0 auto;}
		
		#common_header_title {background:#CC3399; height:150px; width:750px; margin:0 auto 0 auto;}
		
		#common_header_menu { background:#00FF00; text-align:center}
			#common_header_menu ul {list-style:none; display:inline;}
				#common_header_menu li {display:inline;}
					#common_header_menu a {background:#FFFF00; padding:10px 30px; position:relative; display:inline;}

Una solucion?