Probleme mit last child bei li li

[Matze]

Ich habe einen listen Eintrag

<ul>
<li>1</li>
<li>2
  <ul>
  <li>a</li>
  <li>b</li>
  <li>c</li>
  </ul>
</li>
<li3></li>
</ul>

die erste sind quer über die Seite gleichmässig verteilt.

1               2              3

und unter zwei sollen sie horizontal ausgegeben werden

a
b
c

doch mein code (sieh unten) mach alle richtig, nur leider übernimmt er auch die beiden last, first child, obwohl er das nicht soll. Wie bekomme ich es dazu diese beiden einstellungen für diesen Bereich wieder auszuschalten.

  
  
li{  
float:left;  
width:33.33%;  
}  
  
  
li:first-child{  
width:31.33%;  
padding-right:2%;  
}	  
  
li:last-child{  
width:31.33%;  
padding-left:2%;  
}		  
  
li li {  
float:clear;  
width:100%;  
border-top: 1px solid #d4d4d4;  
padding:0;  
}