div nav bar problems

[chicaloca]

hi everyone

this is my first post on the forums so apologies if i do anything wrong!

I'm trying to use a css layout thats been pre created however I'm having problems getting ny navigation to look ok.

I want all the headings gonig from left to right horizontally on my navbar like on the top image but it so far is like the bottom image (the first image is from a site i did for uni and im trying to improve it for a portfolio piece) spring summer autmun and winter should appear under the seasons heading and about, getting there and what is a peatbog should all come under the about heading

I think I'm just getting myself confused, div tags do that to me for some reason.

<div id="menubar" class="menu">
<a name="top"></a>
<a href="index.html">Home</a>

About Glen Moss

<a href="about.html">About the area </a>
<a href="gettinghere.html">Getting there</a>
<a href="peatbog.html">What is a peatbog?</a>

<a href="#">Seasons</a>
<ul>
<li><a href="spring.html" target="_blank">Spring</a></li>
<li><a href="summer.html" target="_blank">Summer</a></li>
<li><a href="autumn.html" target="_blank">Autunm </a></li>
<li><a href="winter.html" target="_blank">Winter</a> </li>
</ul>

<a href="links.html">Useful Links</a>



<a href="gallery.html">Gallery</a>


<a href="contact.html">Contact Us </a>


thats the html code i have, i can also paste the css if that helps.

any help to get the headings under the appropriate ones would be much appreciated!

[chicaloca]

tried to update it but it wouldnt let me so had to reply to my own thread!

after a bit of playing around i now have this code:
<div id="menubar" class="menu">
<a name="top"></a>
<a href="index.html">Home</a>



About Glen Moss

<a href="about.html">About the area </a>
<a href="gettinghere.html">Getting there</a>
<a href="peatbog.html">What is a peatbog?</a>


<a href="#">Seasons</a>
<ul>
<li><a href="spring.html" target="_blank">Spring</a></li>
<li><a href="summer.html" target="_blank">Summer</a></li>
<li><a href="autumn.html" target="_blank">Autunm </a></li>
<li><a href="winter.html" target="_blank">Winter</a> </li>
</ul>

<a href="links.html">Useful Links</a>



<a href="gallery.html">Gallery</a>



<a href="contact.html">Contact Us </a>

This is the Navigation

</div>


this means that everthing now sits on my navigation bar but the seasons now drop down when the mouse is moved over the home area, or any other apart from the right section.

i dont think ill get much further with figuroug out the drop down menus and their positioning etc without a nudge in the right direction :(