Menu défilante qui m'amène plus bas dans la page

<div id=monmenu style="PADDING-LEFT: 0px">
<ul class=niveau1>
  <li>Menu
  <ul class=niveau2 style="LEFT: 0px; TOP: 26px">
	<li class=plus>
	<li><a href="#C1">
   Partie 1 </a> </li>
	<li><a href="#C2">
	HPartie 2 </a> </li>
	<li><a href="#C3">
	Partie 3 </a> </li>
   </ul>
   </li>
</ul>
</div>

#monmenu {
	FONT-WEIGHT: bold; 
	FONT-SIZE			: 100%; 
	BORDER 			: 1px;
}
#monmenu ul ul {
	DISPLAY			: none; 
	MARGIN			: 0px; 
	POSITION			: absolute; 
	TOP				: 01px
}
#monmenu li {
	BORDER			: black 1px solid; 
	MARGIN			: 0px; 
	WIDTH			: 420px; 
	LIST-STYLE-TYPE	: none; 
	POSITION			: relative; 
	BACKGROUND-COLOR	: #7fb75e;
	font-size                   : 23px;	
}
#monmenu li:hover {
	BACKGROUND-COLOR	: #98f6aa;
	color                         : red;	
}     
#monmenu li.sfhover {
	BACKGROUND-COLOR	: #98f6aa;
}
#monmenu li a {
	TEXT-DECORATION: none
}
#monmenu li:hover ul.niveau2 {
	DISPLAY				: block	
}

#monmenu li li:hover ul.niveau3 {
	DISPLAY				: block;
}
#monmenu li.sfhover ul.niveau2 {
	DISPLAY				: block;
}
#monmenu li li.sfhover ul.niveau3 {
	DISPLAY				: block;
}
#monmenu li.plus {
	BACKGROUND-POSITION	: right 40%; 
	BORDER-BOTTOM		        : #b0b0b0 0px solid; 
	BACKGROUND-REPEAT	        : no-repeat;
	BORDER-LEFT			: black 0px solid; 
}
#monmenu a:hover{
	color               : red;
}
</style>

<h2><a name="C1">Partie 1	   </a></h2>
Contenu de cette partie 

<h2><a name="C2">Partie 1	   </a></h2>
Contenu de cette partie