How to build navigation menu, like of mozilla.org

I want to know how to build a navigation menu, which is used at mozilla.org



Can anyone help, build one?

 

Anchors and some css...there you have it.

 

Nice graphics and hover attributes set up over an unordered list (<ul>)

 

Your HTML is going to look somewhat like this:

<ul id="mneu">
	<li>
		<a href="#">Link Text</a>
		<ul>
			<li><a href="#">Link Text</a></li>
			<li><a href="#">Link Text</a></li>
			<li><a href="#">Link Text</a></li>
			<li><a href="#">Link Text</a></li>
			<li><a href="#">Link Text</a></li>
		</ul>
	</li>
	<li>
		<a href="#">Link Text</a>
		<ul>
			<li><a href="#">Link Text</a></li>
			<li><a href="#">Link Text</a></li>
			<li><a href="#">Link Text</a></li>
			<li><a href="#">Link Text</a></li>
			<li><a href="#">Link Text</a></li>
		</ul>
	</li>
	<li>
		<a href="#">Link Text</a>
		<ul>
			<li><a href="#">Link Text</a></li>
			<li><a href="#">Link Text</a></li>
			<li><a href="#">Link Text</a></li>
			<li><a href="#">Link Text</a></li>
			<li><a href="#">Link Text</a></li>
		</ul>
	</li>
</ul>

Code (markup):

Show me how you want the menu to look (as in what images and colors YOU will be using, not what's in the example) and how wide you want it to be and I'll give you the CSS that goes with this.

 

Can anyone give me the CSS code, too?

I need the menus, look exactly like the screenshot.

 

You know copying an existing websites layout is illegal? If you only want to learn from it, then go ahead.

 

I just want to learn from it, then change that later. Still need a little CSS code.