افقی کردن یک منو!!

[Black Prince]

سلام:
من برای قالب سایت یک منو به وسیله جاوا اسکریپت درست کردم! ولی منو به صورت عمودی نمایش داده میشه. چه تغییری باید انجام بدم تا منو به صورت افقی در بیاد؟

این هم کد:

<script language='javascript'>
function changeMenuFMGS(id){
	objDaughter=document.getElementById('iDMenu'+id);
	if (objDaughter.style.display=='none'){
		objDaughter.style.display='block';
	} else {
		if(objDaughter.style.display=='block'){
			objDaughter.style.display='none'; 
		} 
	} 
}
</script>
<style type='text/css' title='FMGS'>
.cParentMenu{width: 100%;	margin: 0px; font-size: 12px;}
.cParentMenu a {display: block;} 
.cParentMenu a:link, .cParentMenu a:visited{border-top: 0px solid; border-bottom: 1px solid #FCE078;	background-color: #9CC058;	font-weight: normal;	padding: 2px 5px 2px 5px;	color: #3333AA;	text-decoration: none;} 
.cParentMenu a:hover{border-top: 0px solid; border-bottom: 1px solid #FCE078;	background-color: #ACD068;	font-weight: normal;	padding: 2px 5px 2px 10px;	color: #3333AA;	text-decoration: none;} 
.cDaughterMenu{width: 100%; margin: 0px; font-size: 11px; } 
.cDaughterMenu a {display: block;} 
.cDaughterMenu a:link, .cDaughterMenu a:visited {border-top: 0px solid;	border-bottom: 1px solid #FFFFCC;	background-color: #CCCCCC;	font-weight: normal;	padding: 1px 5px 1px 15px;	color: #6666CC;	text-decoration: none;} 
.cDaughterMenu a:hover {border-top: 0px solid;	border-bottom: 1px solid #FFFFCC;	background-color: #DCDCDC;	font-weight: normal;	padding: 1px 5px 1px 20px;	color: #6666CC;	text-decoration: none;} 
</style>

و

<TD><div class='cParentMenu'><a href='#none' id='1'  onClick='changeMenuFMGS(id)'  ><nobr> Button 1 </nobr><br>
          </a></div>
              <div id='iDMenu1' class='cDaughterMenu' style='display: none'><a href='#none'><nobr> Button 1.1 </nobr><br>
                </a><a href='#none'><nobr> Button 1.2 </nobr><br>
                </a></div>
            <div class='cParentMenu'><a href='#none' id='2'  onClick='changeMenuFMGS(id)'  ><nobr> Button 2 </nobr><br>
            </a></div>
            <div id='iDMenu2' class='cDaughterMenu' style='display: none'><a href='#none'><nobr> Button 2.1 </nobr><br>
              </a><a href='#none'><nobr> Button 2.2 </nobr><br>
                </a><a href='#none'><nobr> Button 2.3 </nobr><br>
                </a></div>
            <div class='cParentMenu'><a href='#none' id='3'  onClick='changeMenuFMGS(id)'  ><nobr> Button 3 </nobr><br>
            </a></div>
            <div id='iDMenu3' class='cDaughterMenu' style='display: none'><a href='#none'><nobr> Button 3.1</nobr><br>
            </a></div></TD>

ممنون میشم راهنمائی کنید.