Border problem: Why does this look so bad in IE?

[zeech26]

Working on someone else's site:
http://www.contentx.com/shotwellpr/
Styled a box and a list inside a table on the homepage (http://www.contentx.com/shotwellpr/) (right side) with this code for the box:
.news
{
width: 259px;
text-align:
left; padding:1px 5px 2px 0px;
background-color: #eae9d8;
border-right: solid grey 1px;
border-left: solid grey 1px;
}
And this code for the list:
li.rss
{
background-position: center;
list-style-image:url(images/rss.png);
padding-right: 10px;
font-size: 11px;
line-height: 14px;
list-style-position: outside;
margin: 1px;
text-indent: -0.1em;
}

Looks great in Firefox, Safari etc. but the borders are thick and clunky in IE6 and 7 and the div doesn't extend all the way over to the right.

Does IE not like border: solid grey 1px?
Is there a better way to state this?

Thanks for your help in advance!
Cheers
zack

[Snookerman]

I don't really see any difference, but in any case, the correct order would be:

border: 1px solid grey;

Good luck!

[zeech26]

Thank you!
Still weird spacing issue, but I will figure that out.
cheers!
zack

[Snookerman]

You're welcome, glad to help!
You can go to your first post in this thread, click http://www.dynamicdrive.com/forums/images/buttons/edit.gif then click Go Advanced and add the Resolved prefix to the thread title.
This will let other users know the problem has been solved.

Good luck with your site!