help with comments, changing width of comments in a div Options

[jonp5065]

I have my comments in a div at the bottom of my page. The width of all the commenst is a few hundred pixels, but i would like to have the comments span the width of the page, about 750 pixels. Does anyone one know how this is done? I had figured it out a while back, but have forgotten since.

Any help would be appreciated, thanks.

JP

myspace.com/jp5065


About Me code(all that applies to comments section):

CODE

.comments {visibility: visible !important; width: 750px;  overflow-x: hidden; overflow-y: visible; background-color: white; position: absolute; top: 800px; left: 50%; margin-left: -375px; z-index: 2;}
.comments, .comments table, .comments td, .comments tbody, .comments b {visibility: visible !important; color: B1CBE4; font-family: Arial, Helvetica, sans-serif !important; font-size: 8pt !important; border: 0px;}
.comments .comcontent {visibility: visible !important; margin-top: -75px; margin-left: -35px;}
.comments .blacktext10 {width: 100%; display: block; border-bottom: 1px solid; border-color: 6699CC; padding-bottom: 3px; font-family: Small Fonts; font-size: 7px; color: 6699CC; letter-spacing: 1px; font-weight: normal !important; text-transform: uppercase;}
.comments {
scrollbar-arrow-color: 6699CC;
scrollbar-face-color: white;
scrollbar-track-color: white;
scrollbar-3dlight-color: 6699CC;
scrollbar-highlight-color: white;
scrollbar-shadow-color: white;
scrollbar-darkshadow-color: 6699CC;
}

Who I'd Like To Meet code:

CODE

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

[anime-essence]

CODE

<style type="text/css">
table tbody td table tbody tr td.text table{
    width:XXXpx;
}
</style>

[jonp5065]

helps in firefox.... screws up the whole page in ie7 though.. anyone have any other thoughts?

[Clashing]

here, i just revised the code that you had sent. try it and let me know how that turns out to you.

CODE

<style>
.comments {visibility: visible !important; width: 750px;  overflow-x: hidden; overflow-y: visible; background-color: white; position: absolute; top: 800px; left: 50%; margin-left: -375px; z-index: 2;}
.comments, .comments table, .comments tbody, .comments b {width:750px; visibility: visible !important; color: B1CBE4; font-family: Arial, Helvetica, sans-serif !important; font-size: 8pt !important; border: 0px;}
.comments .comcontent {visibility: visible !important; margin-top: -75px; margin-left: -35px;}
.comments .blacktext10 {width: 550px; display: block; border-bottom: 1px solid; border-color: 6699CC; padding-bottom: 3px; font-family: Small Fonts; font-size: 7px; color: 6699CC; letter-spacing: 1px; font-weight: normal !important; text-transform: uppercase;}
.comments {
scrollbar-arrow-color: 6699CC;
scrollbar-face-color: white;
scrollbar-track-color: white;
scrollbar-3dlight-color: 6699CC;
scrollbar-highlight-color: white;
scrollbar-shadow-color: white;
scrollbar-darkshadow-color: 6699CC;
}
</style>

[jonp5065]

Nope =[

changing to

CODE

.comments .blacktext10 {width: 550px;...

made the line above the comments 550px but the table that the actual comment is in still remains the same small size.

[Clashing]

eh, it looks wide on mine... hmm.