problem with #content width in I

<?php
defined( '_VALID_MOS' ) or die( 'Direct Access to this location is not allowed.' );
$iso = split( '=', _ISO );
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<?php
if ( $my->id ) {
initEditor();
}
mosShowHead();
?>
<link href="<?php echo $mosConfig_live_site;?>/templates/<?php echo $mainframe->getTemplate(); ?>/css/template.css" rel="stylesheet" type="text/css" />
<link href="<?php echo $mosConfig_live_site;?>/components/com_maxcomment/templates/expand/css/expand_css.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="http://new.se-eida.com/templates/white/js/rounded_corners.js"></script>
<script type="text/JavaScript">

  window.onload = function()
  {
    settings = {
      tl: { radius: 10 },
      tr: { radius: 10 },
      bl: { radius: 10 },
      br: { radius: 10 },
      antiAlias: true,
      autoPad: false
    }

    var divObj = document.getElementById("bannerright");

    var cornersObj = new curvyCorners(settings, "rounded");
    cornersObj.applyCornersToAll();
  }

</script>
</head>
<body>
<div id="content_pad">
<div id="header"></div>
<div id="menucontainer">
<div id="menu1">menu1</div><div id="menu2">menu2</div><div id="menu3">menu3</div><div id="menu4">menu4</div><div id="menu5">menu5</div><div id="menu6">menu6</div><div id="menu7">menu7</div>
</div>

<?php if (mosCountModules('top')) { ?><div id="bannertop" class="rounded"><?php mosLoadModules('top', -1); ?></div><?php } ?>

<?php if (mosCountModules('right')) { ?>
<div id="bannerright" class="rounded">
<?php mosLoadModules('right', -1); ?></div>
<?php } ?>

<div id="middlecol">
<?php if (mosCountModules('user1')) { ?>
<div id="news" class="rounded">
<?php mosLoadModules('user1', -1); ?></div>
<?php } ?>

<?php if (mosCountModules('user2')) { ?>
<div id="bannermiddle" class="rounded">
<?php mosLoadModules('user2', -1); ?></div>
<?php } ?>

<?php if (mosCountModules('user3')) { ?>
<div id="stuff" class="rounded">
<?php mosLoadModules('user3', -1); ?></div>
<?php } ?>

<?php if (mosCountModules('user4')) { ?>
<div id="submit" class="rounded">#submit
<?php mosLoadModules('user4', -1); ?></div>
<?php } ?>

</div>

<div id="content">
#content here #content here #content here #content here #content here #content here #content here #content here #content here 
</div>

<div id="footer">#footer</div>
</div>

</body>
</html>