div nav bar problems

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.

[code=html] <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>
[/code]

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!

[upl-file uuid=fda28e39-f0f9-46a4-b5f2-409c49e4e3fc size=34kB]navigation.gif[/upl-file]

Also in #CSS _↴