Had to break it up...
ie.css
@charset "utf-8";
/* CSS Document */
#menu_wrapper{
background-image : url(../images/menubg.jpg) repeat-x 0 0;
width : 100%;
height : 40px;
padding-top : 0px;
padding-left : 0px;
padding-right : 0px;
padding-bottom : 0px;
margin : 0px;
}
.moduletable #active_menu{
background-image : url(../images/menu1.jpg);
background-position : 0px;
background-repeat : no-repeat;
color : #D8F1FE;
display : inline-block;
text-decoration : none;
padding-left : 6px;
padding-right : 6px;
margin-bottom : 20px;
}
.moduletable #active_menu:hover{
background-image : url(../images/menu1.jpg);
background-position : -150px;
background-repeat : no-repeat;
color : #CCCCCC;
text-decoration : none;
padding-left : 6px;
padding-right : 6px;
margin-bottom : 20px;
}
.moduletable .mainlevel{
background-image : url(../images/menu1.jpg);
background-position : -150px;
background-repeat : no-repeat;
color : #FFFFFF;
display : inline-block;
text-decoration : none;
padding-left : 6px;
padding-right : 6px;
margin-bottom : 20px;
}
.moduletable .mainlevel:hover{
background-image : url(../images/menu1.jpg);
background-position : 0px;
background-repeat : no-repeat;
color : #CCCCCC;
text-decoration : none;
padding-left : 6px;
padding-right : 6px;
margin-bottom : 20px;
}
img{
behavior : url(../css/iepngfix.htc);
}
body, html {
margin : 0;
padding : 0;
}
template_css.css
body{
background : #000000;
margin : 0px;
padding : 0px;
background-image : url(../images/Background.png);
background-repeat : repeat-x;
}
body,td,th,div{
font-family : Tahoma, Helvetica, sans-serif;
font-size : 13px;
color : #444;
}
a{
color : #333;
text-decoration : none;
}
a:hover{
text-decoration : underline;
}
#outline{
width : 800px;
margin-top : 10px;
background : #FFFFFF;
overflow : hidden;
}
#top_container{
background : #333 url(../../js_thinking_jsas/images/main_top.png);
height : 250px;
}
#middle_container{
overflow : hidden;
}
#middle_container_inner{
width : 785px;
text-align : left;
}
#left{
width : 755px;
float : left;
padding : 20px 20px;
}
#right{
width : 190px;
float : left;
}
#bottomcontainer{
background : url(../images/main_bottom.gif);
height : 30px;
padding : 0px 25px;
}
#icons{
padding-left : 10px;
padding-top : 3px;
}
#bottomcontainer #icon{
float : left;
margin-right : 2px;
}
#bottomcontainer #copyright{
float : right;
padding-right : 10px;
color : #999999;
}
table.moduletable{
width : 180px;
margin-bottom : 10px;
}
table.moduletable th,
.sectiontableheader{
font-weight : bold;
letter-spacing : 1px;
border-bottom : 1px solid #666;
}
table.moduletable td{
padding-top : 10px;
}
table.moduletable td td{
padding-top : 0px;
}
.sectiontableentry1{
background:#e7e7e7;
}
.contentheading{
color : #333;
font-size : 24px;
text-decoration : none;
padding-bottom : 7px;
background : url(../../js_thinking_jsas/images/underline.jpg) repeat-x bottom;
}
.contentheading a{
color : #444;
text-decoration : none;
}
.componentheading{
color : #333;
font-size : 28px;
margin-bottom : 20px;
text-decoration : none;
}
.small,.createdate,.modifydate{
color : #999999;
font-size : 11px;
}
#header{
width : 800px;
height : 200px;
background-image : url(../images/header.jpg);
}
body#home #header{
background-image : url(../images/header.jpg);
}
body#aboutus #header{
background-image : url(../images/header-about.jpg)
}
body#contactus #header{
background-image : url(../images/header-contact.jpg)
}
body#products #header{
background-image : url(../images/header-products.jpg)
}
body#services #header{
background-image : url(../images/header-services.jpg)
}
body#licensedreamstream #header{
background-image : url(../images/header-license.jpg)
}
body#whitepapers #header{
background-image : url(../images/header-white.jpg)
}
body#blog #header{
background-image : url(../images/header-blog.jpg)
}
body#investorrelations #header{
background-image : url(../images/header-invest.jpg)
}
body#news #header{
background-image : url(../images/header-news.jpg)
}
#menu_wrapper{
background-image : url(../images/menubg.jpg);
background-repeat : repeat-x;
width : 100%;
height : 40px;
margin : 0px;
padding : 0px;
overflow : hidden;
}
.moduletable #active_menu{
background-image : url(../images/menu1.jpg);
background-position : 0px;
background-repeat : no-repeat;
color : #D8F1FE;
padding-top : 1em;
padding-bottom : 12px;
padding-left : 7px;
padding-right : 7px;
overflow : hidden;
display : inline-block;
text-decoration : none;
}
.moduletable #active_menu:hover{
background-image : url(../images/menu1.jpg);
background-position : -150px;
background-repeat : no-repeat;
color : #CCCCCC;
overflow : hidden;
text-decoration : none;
vertical-align : middle;
}
.moduletable .mainlevel{
background-image : url(../images/menu1.jpg);
background-position : -150px;
background-repeat : no-repeat;
color : #FFFFFF;
padding-top : 1em;
padding-bottom : 12px;
padding-left : 7px;
padding-right : 7px;
overflow : hidden;
display : inline-block;
text-decoration : none;
vertical-align : middle;
}
.moduletable .mainlevel:hover{
background-image : url(../images/menu1.jpg);
background-position : 0px;
background-repeat : no-repeat;
color : #CCCCCC;
padding-top : 1em;
padding-bottom : 12px;
padding-left : 7px;
padding-right : 7px;
overflow : hidden;
text-decoration : none;
vertical-align : middle;
}
#logo{
float : right;
padding : 15px;
}
index.php
<?php defined( "_VALID_MOS" ) or die( "Direct Access to this location is not allowed." );$iso = split( '=', _ISO );echo '<?xml version="1.0" encoding="'. $iso[1] .'"?' .'>';?>
<!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>
<?php mosShowHead(); ?>
<meta http-equiv="Content-Type" content="text/html;><?php echo _ISO; ?>" />
<?php if ( $my->id ) { initEditor(); } ?>
<?php echo "<link rel=\"stylesheet\" href=\"$GLOBALS[mosConfig_live_site]/templates/$GLOBALS[cur_template]/css/template_css.css\" type=\"text/css\"/>" ; ?>
<?php echo "<!--[if IE]><link rel=\"stylesheet\" href=\"$GLOBALS[mosConfig_live_site]/templates/$GLOBALS[cur_template]/css/ie.css\" type=\"text/css\"/><![endif]-->" ; ?>
<?php echo "<link rel=\"shortcut icon\" href=\"$GLOBALS[mosConfig_live_site]/images/favicon.ico\" />" ; ?>
</head>
<?php include_once ("templates/ds-info/template.php"); ?>
<body id="<?php echo getMenuName(); ?>">
<div align="center">
<div id="outline">
<div id="header">
<a href="http://www.dreamstreamstudio.com"><img id="logo" src="<?php echo $GLOBALS['mosConfig_live_site']?>/templates/ds-info/images/logo.png" border="0" /></a>
</div>
<div id="middle_container">
<div id="menu_wrapper">
<?php mosLoadModules ( 'top' ); ?>
</div>
<div id="middle_container_inner">
<div id="left">
<?php mosMainBody(); ?>
</div>
<div id="right">
</div>
</div>
</div>
<div id="bottomcontainer">
<div id="icons">
<div id="icon"><a href="http://www.apache.org"><img src="<?php echo $GLOBALS['mosConfig_live_site']?>/templates/<?php echo $GLOBALS['cur_template']?>/images/icons/button_apache.png" border="0" /></a></div>
<div id="icon"><a href="http://www.php.net"><img src="<?php echo $GLOBALS['mosConfig_live_site']?>/templates/<?php echo $GLOBALS['cur_template']?>/images/icons/button_php.png" border="0" /></a></div>
<div id="icon"><a href="http://www.mysql.com"><img src="<?php echo $GLOBALS['mosConfig_live_site']?>/templates/<?php echo $GLOBALS['cur_template']?>/images/icons/button_mysql.png" border="0" /></a></div>
<div id="icon"><a href="http://www.mozilla.org/products/firefox"><img src="<?php echo $GLOBALS['mosConfig_live_site']?>/templates/<?php echo $GLOBALS['cur_template']?>/images/icons/button_firefox.png" border="0" /></a></div>
<div id="copyright">Copyright © <?php echo date("Y"); ?> by <?php echo $GLOBALS['mosConfig_sitename']?>. All Rights Reserved.</div>
</div>
</div>
</div>
</div>
</body>
</html>
I am at a complete loss. I have tried negative margins, and a slew of other hacks.
HELP!
Thanks!