Webpage Renders Weird

[JHanson90]

I've looked through my code, but I haven't been able to find anything odd. Right now, it's also all valid code. On the news page of my new website, it shows up the way that it should when viewed in Mozilla Firefox, but in Opera and Microsoft Internet Explorer, the right side of those black news boxes for some reason get pulled over to the right and almost under the links in the right-side panel.

Stylesheet

Could any of you help me identify the reason behind this rendering problem? Thanks.

[Tony]

Microsoft doesn't follow the standarts. You'd have to write separate CSSes for other browsers. Although you're better off just identifying problematic CSS tags and restraining from using those.

Or tell your visitors to use Firefox.

[Amailer]

well there could be better way around this but how about

code:

table.news {         width: 95%; /* changed from 100% to 95% */         border-collapse: collapse;         border: 1px solid #666666;         padding: 5px 5px 5px 5px;         margin: 10px 10px 10px 10px;         background-color: black; } table.news tr td {         /* Simply removed the width from here XD */         font-weight: bold;         padding: 2px 2px 2px 2px; }