Ciao a tutti.

Ho un div right:
codice:
#right
{
	position: relative;
        width:  230px;
        height: 340px;
	margin: -340px 0px 0px 460px;
	text-align:left;
	padding:0px 0px 0px 0px;
	border:0px dashed #fff;
	background-color:#eee;
	}
#right ul {
		list-style: none;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		border: 0px 0px 0px 0px;
		border: none;
		}		
#right li {
		border-bottom: 1px solid #90bade;
		margin: 0;
		padding:0;
		}
#right li a {
		display: block;
		margin:0;
		padding:  15px 10px 15px 10px;
		border-left: 10px solid #1958b7;
		border-right: 10px solid #508fc4;
		border-top: 0px;
		border-bottom: 0px;
		background-color: #2175bc;
		color: #fff;
		text-decoration: none;
		width: 100%;
		font-size: 10px;
		}
html>body #right li a {
		width: auto;
		margin:0;
		}
Dove inserisco una lista di 8 elementi:
codice:
<div id = "right">
  <ul>
	[*]Home
	[*]Curriculum Vitae
	[*]TBD
	[*]TBD
	[*]TBD
	[*]TBD
	[*]TBD
	[*]Contact Me[/list]
</div>
Io vorrei riempire tutto il div di 340 px con la lista.
Però non ci riesco, ovvero non riesco a determinare correttamente il padding del #right li a che ho messo a 15px per evidenziarlo.

Mi aiutate a fare il conto?

Il div è di 340 e lo riempio con:
border-bottom del li = 1px * 8 = 8 px
text = 10px * 8 = 80 px

e padding-bottom+padding-top del li-a = (15px+15px)*8 = 240 px
in totale danno 328 px, però guardando il risultato la lista è fuori div, ovvero ha un altezza maggiorre delle 340px.

Quindi nel mio calcolo mi perdo qualcosa. Sapreste aiutarmi per favore?

Grazie mille,