# Lining up a list with css

**URL:** https://forum.kirupa.com/t/lining-up-a-list-with-css/208318
**Category:** web dev
**Created:** [November 27, 2006, 4:05pm UTC](https://forum.kirupa.com/t/lining-up-a-list-with-css/208318 "2006-11-27T16:05:40Z")
**Posts on this page:** 1
**Page:** 1

<div class="post-metadata">

### Author: ![SlowRoasted](https://avatars.discourse-cdn.com/v4/letter/s/a698b9/32.png) [@SlowRoasted](https://forum.kirupa.com/u/SlowRoasted)
#### Post date: [November 27, 2006, 4:05pm UTC](https://forum.kirupa.com/t/lining-up-a-list-with-css/208318/1 "2006-11-27T16:05:40Z")

</div>

I want to line up a list vertically. Look at the left side of this blog.  
[http://www.maconstate.edu/studentlife/matrix/index.php](http://www.maconstate.edu/studentlife/matrix/index.php)

It looks fine in IE7, but in firefox the list is indented

here is my css

```auto

#right {
	float: right;
	color: #FFFFFF;
	width: 210px;
	padding: 3px;
	text-align:left;
	voice-family: "\"}\""; 
  	voice-family: inherit;
}
	
#right ul {
	margin: 0px;
}

#right a {
	color: #FFFFFF;
	font-family: verdana;
	font-size: 10px;
	font-weight: normal;
}

#right li {
	background-color: #4c4c4c; 
	padding: 2px; 
	font-family: verdana; 
	font-size: 11px; 
	margin: 3px 0 0 0;
	list-style: none;
}

```