Hey Everyone,

I'm wondering if anyone can point me in the right direction for a little CSS issue I'm having. It may be something simple that I'm overlooking in my coffee induced morning haze. LOL

Anyway, the problem that I'm having is that I have a unordered list and one of those items has a nested list:

Code HTML4Strict:
<ul>
  <li>Item 1</li>
  <li>Item 2</li>
    <ul>
      <li>Item 1</li>
      <li>Item2</li>
    </ul>
  <li>Item 3</li>
</ul>

in my CSS I have defined that all li items have a bottom border

Code CSS:
ul li {
border-bottom-width: thin;
border-bottom-style: dotted;
border-bottom-color: #5c8727;
}

All my styles are working as I want them with the exception of my nested list. It's pushing it's containing li's border down below the nested list. I've tried to get around this but haven't been successful as yet.

Does anyone have any suggestions?