This is working for me ..
HTML Code:
{vb:stylevar htmldoctype}
<html xmlns="http://www.w3.org/1999/xhtml"<vb:if condition="$vboptions['enablefacebookconnect']"> xmlns:fb="http://www.facebook.com/2008/fbml"</vb:if> dir="{vb:stylevar textdirection}" lang="{vb:stylevar languagecode}" id="vbulletin_html">
<head>
{vb:raw headinclude}
<title>{vb:raw pagetitle}</title>
<vb:if condition="$includecss">
<vb:if condition="$vboptions['storecssasfile']">
<vb:each from="includecss" value="file">
{vb:cssfile {vb:raw file}}
</vb:each>
<vb:else />
{vb:cssfile {vb:raw includecss}}
</vb:if>
</vb:if>
{vb:raw headinclude_bottom}
<style type="text/css">
.blockrow ul { margin: 10px 0px 10px 30px; }
.blockrow ol { margin: 10px 0px 10px 30px; }
ul.a li {list-style: circle !important; list-style: }
ul.b li {list-style: disc !important;}
ul.c li {list-style: square !important;}
ol.d li {list-style: armenian !important;}
ol.e li {list-style: cjk-ideographic !important;}
ol.f li {list-style: decimal !important;}
ol.g li {list-style: decimal-leading-zero !important;}
ol.h li {list-style: georgian !important;}
ol.i li {list-style: hebrew !important;}
ol.j li {list-style: hiragana !important;}
ol.k li {list-style: hiragana-iroha !important;}
ol.l li {list-style: katakana !important;}
ol.m li {list-style: katakana-iroha !important;}
ol.n li {list-style: lower-alpha !important;}
ol.o li {list-style: lower-greek !important;}
ol.p li {list-style: lower-latin !important;}
ol.q li {list-style: lower-roman !important;}
ol.r li {list-style: upper-alpha !important;}
ol.s li {list-style: upper-latin !important;}
ol.t li {list-style: upper-roman !important;}
ol.u li {list-style: none !important;}
ol.v li {list-style: inherit !important;}
ul.a li {list-style-type: circle !important;}
ul.b li {list-style-type: disc !important;}
ul.c li {list-style-type: square !important;}
</style>
</head>
<body>
{vb:raw header}
{vb:raw navbar}
<div class="block" id="eigener_code">
<h2 class="blockhead">Eigene Seite</h2>
<div class="blockbody settings_form_border">
<div class="blockrow">
Inhalt der Seite...<br />
usw.
<ul class="a">
<li>Circle type</li>
<li>Tea</li>
<li>Coca Cola</li>
</ul>
<ul class="b">
<li>Disc type</li>
<li>Tea</li>
<li>Coca Cola</li>
</ul>
<ul class="c">
<li>Square type</li>
<li>Tea</li>
<li>Coca Cola</li>
</ul>
<ol class="d">
<li>Armenian type</li>
<li>Tea</li>
<li>Coca Cola</li>
</ol>
<ol class="e">
<li>Cjk-ideographic type</li>
<li>Tea</li>
<li>Coca Cola</li>
</ol>
<ol class="f">
<li>Decimal type</li>
<li>Tea</li>
<li>Coca Cola</li>
</ol>
<ol class="g">
<li>Decimal-leading-zero type</li>
<li>Tea</li>
<li>Coca Cola</li>
</ol>
<ol class="h">
<li>Georgian type</li>
<li>Tea</li>
<li>Coca Cola</li>
</ol>
<ol class="i">
<li>Hebrew type</li>
<li>Tea</li>
<li>Coca Cola</li>
</ol>
<ol class="j">
<li>Hiragana type</li>
<li>Tea</li>
<li>Coca Cola</li>
</ol>
<ol class="k">
<li>Hiragana-iroha type</li>
<li>Tea</li>
<li>Coca Cola</li>
</ol>
<ol class="l">
<li>Katakana type</li>
<li>Tea</li>
<li>Coca Cola</li>
</ol>
<ol class="m">
<li>Katakana-iroha type</li>
<li>Tea</li>
<li>Coca Cola</li>
</ol>
<ol class="n">
<li>Lower-alpha type</li>
<li>Tea</li>
<li>Coca Cola</li>
</ol>
<ol class="o">
<li>Lower-greek type</li>
<li>Tea</li>
<li>Coca Cola</li>
</ol>
<ol class="p">
<li>Lower-latin type</li>
<li>Tea</li>
<li>Coca Cola</li>
</ol>
<ol class="q">
<li>Lower-roman type</li>
<li>Tea</li>
<li>Coca Cola</li>
</ol>
<ol class="r">
<li>Upper-alpha type</li>
<li>Tea</li>
<li>Coca Cola</li>
</ol>
<ol class="s">
<li>Upper-latin type</li>
<li>Tea</li>
<li>Coca Cola</li>
</ol>
<ol class="t">
<li>Upper-roman type</li>
<li>Tea</li>
<li>Coca Cola</li>
</ol>
<ol class="u">
<li>None type</li>
<li>Tea</li>
<li>Coca Cola</li>
</ol>
<ol class="v">
<li>inherit type</li>
<li>Tea</li>
<li>Coca Cola</li>
</ol>
</div>
</div>
</div>
{vb:raw footer}
</body>
</html>