list style works in firefox but not IE

Hi,

I am working on my new theme,

When you view this page: http://www.u5i.net/wordpress-game-site-theme-download-49

using firefox, you will notice that the comment lists are aligned properly (100% width of the outer container)

However, if you use IE to view that page, you should notice that the lists are aligned to the right, and the width is not 100% of the outer container.

Could anyone please tell me how i can fix it? Thanks so much.

I got the CSS codes for comment list straight from WP default theme.

/* Begin Comments*/
.alt {
	margin: 0;
	padding: 10px;
	}

.commentlist {
	padding: 0;
	text-align: justify;
	color: #666;
	}

.commentlist li {
	margin: 15px 0 10px;
	padding: 5px 5px 10px 10px;
	list-style: none;
	border: 1px solid #ccc;

	}
.commentlist li ul li { 
	margin-right: -5px;
	margin-left: 10px;
}

.commentlist p {
	margin: 10px 5px 10px 0;
}
.children { padding: 0; }

#commentform p {
	margin: 5px 0;
	}

.nocomments {
	text-align: center;
	margin: 0;
	padding: 0;
	}

.commentmetadata {
	margin: 0;
	display: block;
	}
/* End Comments */

Code (markup):

 

IE and Opera use left margin to indent lists, while Firefox and Safari use left padding. You zeroed the padding, but didn't zero the left margin for IE and Opera.

.commentlist {        /*style.css (line 232)*/
  color:#666666;
  [color=red]margin-left: 0;  /*add this*/[/color]
  padding:0;
  text-align:justify;  /*a not-good idea found a place to live*/
  }

Code (markup):

cheers,

gary

 

tats really an helpful piece of information abt d margin n paddin in IE and Firefox..thnks

 

it is fixed.

thanks so much.

 

Good to see it is now fix.