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 (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 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!