CSS - Hanging Indent

[domdeez]

I'd like for the second (or third, or fourth) line of any wrapping links on my verticle menus to be lined up with the beginning of the links. Take a look - see how I put a "bullet" at the beginning of each link? Well, that indents it a bit, so the if a line wraps, the next line's not lined up with the beginning of the LINK - it's lined up with bullet.

http://65.36.202.83/Vertical-Menu.gif

I added this code and that fixed the submenu part (now "affiliates" lines up directly under "about" in the example image), but not the top level part as in the example " Attend a Medical Symposium"


div.moduletable table td div img{
margin-left: -13px;

}
div.moduletable table td div {
margin-left: 13px;
}
}

Here's is some more of the code

//* MODULE
--------------------------------------------------------- */
div.modules {
width: 100%;
}

div.moduletable {
padding: 0 12px 0 10px;
width: auto;
margin-bottom: 10px;

}

div.moduletable h3 {
margin: 0 -12px 10px -13px;
padding: 0 10px 0 20px;
color: #376289;
background: url(../images/h3-bg.gif) no-repeat bottom

#E1E1E1;
font-size: 1em;
line-height: 21px;
text-transform: UPPERCASE;
height: 22px;
}

div.moduletable h3.collapse {
margin: 0 -12px 10px -13px;
padding: 0 10px 0 20px;
color: #666666;
background: url(../images/h3-bg.gif) no-repeat top #E1E1E1;
font-size: 1em;
line-height: 21px;
text-transform: UPPERCASE;
height: 22px;
cursor: pointer;
}

div.moduletable table {
border-collapse: collapse;
border-spacing: 0;

}

div.moduletable table td div img{
margin-left: -13px;

}
div.moduletable table td div {
margin-left: 13px;
}