[amy2203]

I'm trying to edit the skin in a new 4.0.18 install, and trying to take out as many tables as I can along the way.

I'm trying to edit my speedbar tabs so I've got them enclosed in a <span> tag but looking at the source of my generated page, each tab is enclosed in a <div> tag:

<DIV id="head.tpl" onMouseOver='dmo(event)' onMouseOut='dmu(event)'  style="margin:0px;"><TABLE border="0" cellpadding="0" cellspacing="0" width="100%">

<TR> 
<TD width="27"></TD>
<TD></TD>
<TD valign="top" align="right">
<DIV id="customer/top_menu.tpl" onMouseOver='dmo(event)' onMouseOut='dmu(event)'  style="margin:0px;">

<DIV id="customer/tab.tpl" onMouseOver='dmo(event)' onMouseOut='dmu(event)'  style="margin:0px;"><span class="Tab">shop</span></DIV>

<DIV id="customer/tab.tpl" onMouseOver='dmo(event)' onMouseOut='dmu(event)'  style="margin:0px;"><span class="Tab">News</span></DIV>

<DIV id="customer/tab.tpl" onMouseOver='dmo(event)' onMouseOut='dmu(event)'  style="margin:0px;"><span class="Tab">diary</span></DIV>

<DIV id="customer/tab.tpl" onMouseOver='dmo(event)' onMouseOut='dmu(event)'  style="margin:0px;"><span class="Tab">forum</span></DIV>

<DIV id="customer/tab.tpl" onMouseOver='dmo(event)' onMouseOut='dmu(event)'  style="margin:0px;"><span class="Tab">gallery</span></DIV>


<div class="HeadText">

<span style='COLOR:green;FONT-WEIGHT:bold' id='lbl_phone_1_title' onMouseOver="lmo('lbl_phone_1_title', event)" onMouseOut="lmu('lbl_phone_1_title', event)" onClick="lmc('lbl_phone_1_title', event)">Call Us On:</span>: 01923 678363</div>


</DIV></TD></TR>

the <div>s seem linked to the tpl files bu tI can't work out how, or how to get rid of them?