Avoid Salesforce Apex components being wrapped with <span> elements -

i'm new salesforce apex , struggling bit on nuances. problem salesforce components knowledge:categorylist or knowledge:articlelist wrapped span elements when rendered, far needed. things like:

<ul>     <span>         <li>one</li>         <li>two</li>         <li>three</li>     </span> </ul> 

are semantically wrong @ least, further more breaking markup when using libraries bootstrap. there solution this? or maybe wrong @ point?

upd small example:

this...

<ul class="nav nav-tabs" role="tablist">     <knowledge:categorylist categoryvar="category" categorygroup="help" rootcategory="using_{!selectedcategory}" level="1">         <li role="presentation">             <a href="#{!category.name}" aria-controls="basics" role="tab" data-toggle="tab">{!category.label}</a>         </li>     </knowledge:categorylist> </ul> 

...is rendered as...

<ul class="nav nav-tabs" role="tablist">     <span id="j_id0:j_id1:j_id37"> // <!-- how remove wrapper? -->         <li role="presentation">             <a href="#" aria-controls="basics" role="tab" data-toggle="tab">one</a>         </li>         <li role="presentation">             <a href="#" aria-controls="basics" role="tab" data-toggle="tab">two</a>         </li>         <li role="presentation">             <a href="#" aria-controls="basics" role="tab" data-toggle="tab">three</a>         </li>     </span> <!-- ??? --> </ul> 

currently there no ability configure how visualforce tags rendered on page.

if want have control on front-end side in sf should develop manually js/css libs/frameworks avoiding use visualforce tags. processing data , interacting server side can use visualforce remote objects or javascript remoting , actionfunctions.