Disposition de mon menu dans un DIV

Hello,

Je désire tout simplement mettre mon menu dans un cadre, le dimensionner selon mes besoins et prévoir des espaces voici mon HTML

Code:

1
2
3
4
5
6
7
8
9
10
11
12
<div id="general">
<div id="divMenu" >
 
<ul id="menuIndex">
 
	<li> <a href="?pa=1"> Objets </a> </li>
	<li> <a href="?pa=3"> Marques </a> </li>
	<li> <a href="?pa=4"> Cat&eacute;gories </a> </li>
</ul>
 
</div>
</div>

voici mon CSS

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
#general {
position : relative;
border : solid 1px #a3c0d5;
width : 70%;
 
}
 
 
 
 
#menuIndex{
position : relative;
list-style-type:none; 
margin: 0; 
padding:0; 
width:  40%;
height: 55%;  
border : solid 1px #a3c0d5; 
border-bottom: none; 
 
}
 
#menuIndex li{
border-bottom: 1px solid #a3c0d5;  
 
}
#menuIndex a{
	text-decoration:none; 
	color:#5d90b5; 
 
}
 
#menuIndex a:hover {
	background-color:#e9eefb; 
	color:#294f79; 
 
}

Le souci est que je ne sais pas agrandir mon DIV général ne mettre d'espace..

Merci pour l'aide

:)