How can I format individual words in a TabbedPanel2 tab?

Question

It seems that HTML tags are ignored in a SpryTabbedPanels2 tab. I know how to put a background image in via css, but I cannot then align the text to the bottom of the tab, so I cannot fake a large first word with an image. I would like to:
1/ Be able to format individual words in the tab
2/ Insert images anywhere in the tab (like you could in the old TabbedPanel)
3/ Insert breaks <br> in the tab (like you could in the old TabbedPanel)
4/ Align text within the tab.
I realise there are four questions here, but they all seem very related to me and hopefully with have either one or four tightly related answers.
Many thanks
Jeremy

Answer 1

You have probably also noticed that
<div id="TabbedPanels2">
  <h2>Tab 1</h2>
changes to
<div class="TabbedPanels" id="TabbedPanels2">
    <div class="TabbedPanelsTabGroup">
    <div class="TabbedPanelsTab TabbedPanelsTabFirst PanelSelectorButtonUnselected">
      <a href="#">Tab 1</a>
    </div>
    <div class="TabbedPanelsTab PanelSelectorButtonUnselected">
        <a href="#">Tab 2</a>
    </div><div class="TabbedPanelsTab TabbedPanelsTabLast TabbedPanelsTabSelected">
        <a href="#">Tab 3</a>
    </div>
  </div>
  <div class="TabbedPanelsContentGroup">
      <div class="TabbedPanelsContent PanelHidden" style="display: none; ">
        <h2 style="display: none; ">Tab 1</h2>
once it has been through the JS mill.
My thoughts, although the original version may seem a little bloated, it is robust and easy to customise. Version 2 is slightly more agile and has a few more features, but is an ugly beast when it comes to customisation. In fact the two versions, apart from the Spry name, bear no resemblence to each other.
I have stuck with the original version as I have done with the menubar.
Gramps