Author: WSE
Website: http://www.webscriptexpert.com
This is a styling for you numbered or bulleted list, works perfectly on firefox, safari and ie
Usage
Copy n paste!
Code
ul {
display: block;
padding-left: 0;
margin-left: 5px;
list-style-type: none;
text-decoration: none;
text-align:left; }
ul li {
margin-top: 2px;
padding-bottom: 2px;
padding-left: 20px; /* set to width of the image, bullet.png with some extra padding to it to prevent text from sticking to the image */
line-height: 16px; /* set to height of the image, bullet.png */
background: transparent url(images/bullet.png) 0% 0% no-repeat; /* this image is 16 by 16 pixel */
}
display: block;
padding-left: 0;
margin-left: 5px;
list-style-type: none;
text-decoration: none;
text-align:left; }
ul li {
margin-top: 2px;
padding-bottom: 2px;
padding-left: 20px; /* set to width of the image, bullet.png with some extra padding to it to prevent text from sticking to the image */
line-height: 16px; /* set to height of the image, bullet.png */
background: transparent url(images/bullet.png) 0% 0% no-repeat; /* this image is 16 by 16 pixel */
}