comment page still stretches despite code, need help to keep comment page in tact Options

[rayray714a]

PLEASE HELP! For a tabled layout with a specific width (Example) even though I have a comment-nonstretcher code, it still stretches and distorts the layout on the comment page. PLEASE HELP! Codes are below.

This problem only started when I would put in an "overflow" script. I think there may be a conflict using both together???
_________________________________

Overflow script:

<!-- begin code provided by createblog.com -->
<style type="text/css">
.custom{
width: 350px;
height: ;
z-index:100;
overflow: auto;
border: px #000000 solid;
background: #;
}</style>
<!-- end code provided by createblog.com -->
<!-- begin code provided by createblog.com -->
<script>
var tds = document.getElementsByTagName ('a');
for (var i = 0; i < tds.length; i++) {
timeString = tds[i].innerText;
if(timeString.match(/\d+:\d+ [ap]m\b/i)){
if(!tds[i].parentNode.parentNode.parentNode.parentNode.parentNode.tagName.match(/table/i)){break;}
table = tds[i].parentNode.parentNode.parentNode.parentNode.parentNode;
stuff = tds[i].parentNode.parentNode.parentNode.previousSibling.lastChild;
inner = stuff.innerHTML
stuff.innerHTML="";
stuff.insertAdjacentHTML('afterBegin','<div class="custom">'+inner+'</div>');

}
}
</script>

_____________________________
Then here's the comment page nonstretcher code:

<!-- Keeps Comment Page from Stretching -->
<style type="text/css">
#pnlEnabled table, #htmleditor, #lblTimeZone, #pnlEprops, #rblEprops {
width: auto !important;
}</style>
<!-- end code provided by createblog.com -->