Template Listview Button Styling Issue

by wickedw

HTML

<script src="http://cdn.kendostatic.com/2012.1.322/js/kendo.all.min.js"></script>
<link rel="stylesheet" href="http://cdn.kendostatic.com/2012.1.322/styles/kendo.common.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2012.1.322/styles/kendo.default.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2012.1.322/styles/kendo.mobile.all.min.css">
<div data-role="view" id="v1">
        <ul id="stages_listview" data-role="listview" data-style="inset">
        </ul>
        <script type="text/x-kendo-template" id="stages_listview_template"><a data-role="button" href="##v2" data-stage="${stagename}" data-align="right">${stagename}</a>
        </script>
</div>

<div data-role="view" id="v2">
    <ul id="lv2" data-role="listview" data-style="inset">
        <li><a data-role="button" href="#v1">1</a></li></ul>
</div>

JavaScript

new kendo.mobile.Application();

$("#stages_listview").kendoMobileListView({
    dataSource: {
        data: [{
            stagename: "1",
            b: "1b"},
        {
            stagename: "2",
            b: "2b"}]
    },
    template: $("#stages_listview_template").html(),
    style: "inset"
});