Positionnement :Menu horizontal déroulant sur une ligne en CSS

Bonjour
Je suis loin d'etre au point en css et je cherche desesperement de positionner le menu dans ma page.
je joint le css de la page:

/* CSS Document */
BODY {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px;  FONT: 1em Verdana, sans-serif; PADDING-TOP: 0px
}
DT {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 0px 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none;
}
DL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 0px 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none;
}
DD {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 0px 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 0px 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none 
}
LI {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 0px 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
#menu {
	WIDTH: 632px; BACKGROUND: #006699; position:inherit
}
#menu DL {
	FLOAT: left
}
#DL1 {
	WIDTH: 158px;BACKGROUND: #006699
}
#DL2 {
	WIDTH: 158px;BACKGROUND: #3399CC
}
#DL3 {
	WIDTH: 158px;BACKGROUND: #FFCC00
}
#DL4 {
	WIDTH: 158px;BACKGROUND: #99CC00
}
#LI3 { 
BACKGROUND: #3399CC
}
#menu LI {
	DISPLAY: inline
}
#menu A {
	BACKGROUND: #3399CC; COLOR: #fff; TEXT-DECORATION: none
}
#menu1 A {
	BACKGROUND: #006699; COLOR: #fff; TEXT-DECORATION: none
	}
	
#menu2 A {
	BACKGROUND: #3399CC; COLOR: #fff; TEXT-DECORATION: none
	}
#menu2 A:hover {
	BACKGROUND: #006699; COLOR: #fff; TEXT-DECORATION: none
	}
	
#menu3 A {
	BACKGROUND: #FFCC00; COLOR: #fff; TEXT-DECORATION: none
	}
#menu3bas A {
	BACKGROUND: #FFCC00; COLOR: #333333; TEXT-DECORATION: none
	}
#menu3bas A:hover {
	BACKGROUND: #FF9900; COLOR: #333333; TEXT-DECORATION: none
	}
#menu4 A {
	BACKGROUND: #99CC00; COLOR: #fff; TEXT-DECORATION: none
	}
#menu4bas A {
	BACKGROUND: #99CC00; COLOR: #fff; TEXT-DECORATION: none
	}
#menu4bas A:hover {
	BACKGROUND: #009900; COLOR: #fff; TEXT-DECORATION: none
	}
#smenu1 {
	BORDER-TOP: gray 1px solid; FONT-SIZE: 0.7em; LEFT: 0px; WIDTH: 632px; POSITION: absolute
}
#smenu2 {
	BORDER-TOP: gray 1px solid; FONT-SIZE: 0.7em; LEFT: 0px; WIDTH: 632px; POSITION: absolute; BACKGROUND: #3399CC
}
#smenu3 {
	BORDER-TOP: gray 1px solid; FONT-SIZE: 0.7em; LEFT: 0px; WIDTH: 632px; POSITION: absolute; BACKGROUND: #FFCC00
}
#smenu4 {
	BORDER-TOP: gray 1px solid; FONT-SIZE: 0.7em; LEFT: 0px; WIDTH: 632px; POSITION: absolute; BACKGROUND: #99CC00
}

et une image du resultat:
upload/5974-screenshot.jpgupload/5974-screenshot.jpg
[/url]

l'idée etant de le placer juste en dessous de la banniere.

C'est ou que je peche ??


Merci d'avance