Created a new gigantic DIV layout which has probably taken me close to 20 hours now to code and create and I've officially stumbled at the finish line. This is the only blemish in my entire layout, somebody please help me!

My comments look fine in firefox as it appropriately wraps them when they exceed the available space. At the same time, there is a noticeably smaller space between the user's picture and the content of the comment. I've tried using word-wrap:break-word to fix the problem in IE but to no avail. Please please please please help!

Pictures of the problem:
Firefox (good!):


IE (Bad):


Applicable code:
.comments{visibility:visible;width:288px;height: 6000;position:absolute;top:1969px;left:665px;z-index:2;
overflow:hidden;background-color: transparent;

<div class="comments"><table><tr><td><table><tr><td></div>

I really don't see the difference? Is it that theres more space between the picture and comment itself?

Yes there is, and that is causing the comment to be cut off in the second picture (IE)

well can you provide a link to your page?

it isn't online yet, I'm emulating it on my own computer before I put it up. I can provide the source code if needed though

^ Well try putting it up, it may appear different on MySpace then something else.