Someone posted this site I hope they dont mind me linking it here but I am wondering how you make these navbars in CSS if anyone has a link to a tutorial or can point me in the right direction?

http://fantasybullpen.com/wordpress/

I assume it is a list but I really dont know where to start...

Looking for CSS way to make the navbars with the headings having a background and then the list of links below. I can make it with a table but I know many people frown on that and want to give it a go with CSS.

Thanks for any help,
Bob J

hey i'm new to all this and can't help you if you have any questions
however, i did notice exactly what you need on a website i was using for float info.
at least i think it does
http://css.maxdesign.com.au/index.htm
listutorial, listamatic, and listamatic 2 should give you evertying you need
gl

Very simple with a definition list

CSS

<style type="text/css">
body {
	margin:0;
}
#navigation {
	width:130px;
	float:left;
	padding:0;
	margin:0;
	margin-left:5px;
}
dl {
	border:1px solid #333333;
	margin:0;
	margin-bottom:5px;
}
dt {
	width:100%;
	height:25px;
	background-color:blue;
	color:white;
	font-size:1.2em;
	padding:0;
	padding-top:3px;
}
dl dt span {
	padding:0;
	padding-left:0.5em;
}
dl dd {
	margin:0;
	margin-left:0.8em;
}
</style>

<div id="navigation">
<dl class="navblock">
<dt><span>Heading</span></dt>
<dd><a href="#">Item 1</a></dd>
<dd><a href="#">Item 2</a></dd>
<dd><a href="#">Item 3</a></dd>
<dd><a href="#">Item 4</a></dd>
</dl>
<dl class="navblock">
<dt><span>Heading</span></dt>
<dd><a href="#">Item 1</a></dd>
<dd><a href="#">Item 2</a></dd>
<dd><a href="#">Item 3</a></dd>
<dd><a href="#">Item 4</a></dd>
</dl>
</div>

Thanks Chris's really appreciate the help!