[thelist] CSS margin/padding

[Raymond Camden]

I'm trying to set the following:

Menu1
	SubMenu1
	SubMenu2
	Sub menu with a very 
	long title that wraps
	Submenu3

However, I end up with

Menu1
	SubMenu1
	SubMenu2
	Sub menu with a very 
   long title that wraps
	Submenu3

I tried padding and margins, but nothing would make the wrapped line
work right. Any ideas? Here is the HTML/CSS in question.


<div class="leftnav">
	<a href="foo" class="currentpage">Menu1</a><br>
<div class="subpage">
<a href="zoo" class="subpage_current">SubMenu</a><br>
</div>
	<a href="goo">...</a><br>
</div>

css:
.leftnav, .leftnav a  {
	font-weight: bold;
	font-family: Arial;
	font-size: 9pt;
	color: #214c68;
	margin-top: 10px;
	margin-left: 10px;
	line-height: 18px;
	text-decoration: none;
}

.subpage {
	margin-left: 18px;
}

a.subpage_current {
	color: #afafaf;
}
=======================================================================
Raymond Camden, ColdFusion Jedi Master for Mindseye, Inc
Member of Team Macromedia (http://www.macromedia.com/go/teammacromedia)

Email    : jedimaster at mindseye.com
Blog     : www.camdenfamily.com/morpheus/blog
Yahoo IM : morpheus

"My ally is the Force, and a powerful ally it is." - Yoda