Hjælp til <div>

Hej
Jeg har fundet denne menu: http://www.dynamicdrive.com/dynamicindex1/dropdowncontrol.htm

Hvordan får jeg flere menu'er i samme række?

Hvis jeg bare kopier koden så kommer den næste menu nedeunder..

Kode til at vise menu'en:

<div id="menu_parent" style="width: 100px; border: 1px solid black; background: #FFFFEE; padding: 0px 5px; font-weight: 900; color: #008000;">Main Menu</div>

<div id="menu_child" style="position: absolute; visibility: hidden; background: #FFFFEE;">
<a style="display: block; width: 100px; border: 1px solid black; padding: 0px 5px; text-decoration: none; font-weight: 900; color: #0000C0; border-bottom: none;" href="#">Item 1</a>
<a style="display: block; width: 100px; border: 1px solid black; padding: 0px 5px; text-decoration: none; font-weight: 900; color: #0000C0; border-bottom: none;" href="#">Item 2</a>
<a style="display: block; width: 100px; border: 1px solid black; padding: 0px 5px; text-decoration: none; font-weight: 900; color: #0000C0;" href="#">Item 3</a>
</div>


<script type="text/javascript">
at_attach("menu_parent", "menu_child", "hover", "y", "pointer");
</script>

Der er også en dropdown.js fil, den kan downloades på hjemmesiden..