Unorder List - Image Bullet/Text Centered

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html><head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<title>Unorder List - Image Bullet/Text Centered</title>

<meta name="created" content="Sun, 31 Oct 2010 04:26:50 GMT">
<meta name="description" content="">
<meta name="keywords" content="">
<meta name="author" content="PayneLess Designs">
<meta name="copyright" content="Jan 2004 to present.">
<meta name="robots" content="all">
<meta name="revisit-after" content="60 days">

<style type="text/css">
* { margin: 0; padding: 0; border: 0; }
h1 { text-align: center; }

ul li {
width: 800px;
height: 28px;
margin: 0 auto;
margin-top: 2em;
/* list-style-image: url(images/tick-transparent.png); */
list-style-image: url(http://i160.photobucket.com/albums/t184/PayneLess_Designs/Bullets/bullets_ani_greenblink.gif);
list-style-type: square;
list-style-position: inside;
}

li p {
position: relative;
top: -34px; /* Adjusts center with text */
left: 50px;
}
</style>

<!--[if IE]>
<style type="text/css">
li p {
position: relative;
top: -30px;
left: 50px;
}
</style>
<![endif]-->
</head><body>
<h1>Unorder List - Image Bullet/Text Centered</h1>

<ul>
<li><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec a nisi id nisl rutrum aliquam. Cras nec condimentum elit. Sed rutrum aliquam ante imperdiet suscipit. </p></li>
<li><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec a nisi id nisl rutrum aliquam. Cras nec condimentum elit. Sed rutrum aliquam ante imperdiet suscipit. </p></li>
<li><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec a nisi id nisl rutrum aliquam. Cras nec condimentum elit. Sed rutrum aliquam ante imperdiet suscipit. </p></li>
<li><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec a nisi id nisl rutrum aliquam. Cras nec condimentum elit. Sed rutrum aliquam ante imperdiet suscipit. </p></li>
<li><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec a nisi id nisl rutrum aliquam. Cras nec condimentum elit. Sed rutrum aliquam ante imperdiet suscipit. </p></li>
<li><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec a nisi id nisl rutrum aliquam. Cras nec condimentum elit. Sed rutrum aliquam ante imperdiet suscipit. </p></li>
<li><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec a nisi id nisl rutrum aliquam. Cras nec condimentum elit. Sed rutrum aliquam ante imperdiet suscipit. </p></li>
<li><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec a nisi id nisl rutrum aliquam. Cras nec condimentum elit. Sed rutrum aliquam ante imperdiet suscipit. </p></li>
<li><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec a nisi id nisl rutrum aliquam. Cras nec condimentum elit. Sed rutrum aliquam ante imperdiet suscipit. </p></li>
<li><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec a nisi id nisl rutrum aliquam. Cras nec condimentum elit. Sed rutrum aliquam ante imperdiet suscipit. </p></li>
</ul>

</body></html>