How to replace h:commandButton with a div
===

I want to replace all kind of buttons on my page with **div** as bellow:

    <div class="button">
        <div class="button_left"></div>
        <div class="button_center">save</div>
        <div class="button_right"></div>
    </div>

I replace components onto **h:commandLink** and it work with most of them, 
except those like this:

    <h:form>
        <h:commandButton value="do it" action="#{myBean.myFirstAction()}" />
        <h:commandButton value="do that" action="#{myBean.mySecondAction()}" />
    </h:form>

How to deal with it?