WEB XHTML CSS MOBILE MT

「ul」「li」をコンテンツで使うスタイルと、サイトマップで使うスタイルを分けないとへんてこリンになります。↓こんな感じになればOK。

<h3><$MTBlogName encode_html="1"$>サイトマップ</h3>

<ul>
<li class="home">
<a href="<$MTBlogURL$>">ホーム</a>
<ul class="tree">
<MTPages sort_by="created_on" sort_order="ascend">
<li><a href="<$MTPagePermalink$>" title="<$MTPageTitle$>"><$MTPageTitle$></a></li>
</MTPages>
</ul>
<MTTopLevelCategories>
<MTSubCatIsFirst>
<ul class="tree">
</MTSubCatIsFirst> <MTIfNonZero tag="MTCategoryCount">
<li class="tree<MTSubCatIsLast>_end</MTSubCatIsLast>">
<a href="<$MTCategoryArchiveLink$>">
<MTCategoryLabel cutfirstchar="10"></a> (<$MTCategoryCount$>) 
<MTElse>
<li class="tree<MTSubCatIsLast>_end</MTSubCatIsLast>"><MTCategoryLabel cutfirstchar="10"> 
</MTElse>
<ul class="tree">
<MTEntries lastn="65535" sort_order="ascend">
<li class="tree<MTEntriesFooter>_end</MTEntriesFooter>">
<a href="<$MTEntryPermalink$>"><$MTEntryTitle$></a></li>
</MTEntries>
</ul>
</MTIfNonZero>
<MTSubCatsRecurse max_depth="3">
</li>
<MTSubCatIsLast>
</ul>

</MTSubCatIsLast> </MTTopLevelCategories> </li> </ul>

/*■サイトマップ*/

#left ul.home {
    list-style: none;
}

ul.tree {
    margin: 0!important;
    padding: 0!important;
    list-style: none!important;
}
ul.tree ul {
    margin: 0 0 0 1em!important;
    padding: 0!important;
}
ul.tree li {
    margin: 0!important;
    padding: 0 0 0 16px!important;
    background-image: url(<$MTBlogURL$>images/tree_lst.gif);
    background-repeat: no-repeat!important;
    list-style: none!important;
}
ul.tree li.tree_end {
    background-image: url(<$MTBlogURL$>images/tree_end.gif);
    list-style: none;
}