html ul border,HTML UL CSS Border style

I have a little question concerning html-lists and CSS. I want to have a list (whit sublist) that looks like this (view the result by coping the code into http://htmledit.squarefree.com/):

ul

{

border: 0px solid #90bade;

}

li

{

list-style-type:none;

border: 1px solid black;

}

.lv1

{

margin:0px 0px 0px 10px;

}

• One
• Sub
• One

But I would prefer to use html-code like this for the list:

• One
  • Sub
• One

Unfortunately I cannot figure out, how to style the second list whit CSS in order to make it look like the first one. Does anyone know if it’s possible by only using CSS or do I have to make one big list and use classes (like in the first list) to get the desired layout?

Thanks in advance