CSS Firefox/MSIE quick fix needed

I have a CSS problem that is bugging me to no end. I don't have time to figure it out, so I'm posting it here for a quick fix. My problems that need fixing are: 1) In Firefox, the light gray extends too far right (beyond the nav menu). It needs to align with the menu, as shown in the MSIE screenshot. 2) In Internet Explorer, the transparent PNG banner image does not display properly, nor does the background image behind it (see MSIE screenshot) 3) In Internet Explorer, the Nav menu does not meet close to the banner. There is about a 1/2" gap that does not need to be there. I have uploaded both screenshots for your review. I have attempted to describe the problem textually here and also graphically in the screenshots. Here is the CSS: body { margin:0px; text-align:center; background:#ccc url('images/[login to view URL]') repeat-y center; } .wrapper{ width:800px; margin:0 auto; background:#FFFFFF; border-right:3px solid #ededed; border-left:3px solid #ededed; } .navbg { background:url('images/[login to view URL]') repeat-x; width:100%; height:54px; border-bottom:2px solid #fff } #navcontainer ul { margin:0px; padding-top: 10px; list-style-type: none; text-align: center; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight:bold; padding-top:9px; padding-bottom:9px; display:block; width:100%; } #navcontainer ul li { display: inline; } #navcontainer ul li a { text-decoration: none; font-size: 12px; font-weight:bold; padding-right: 10px; padding-top:19px; padding-bottom:21px; padding-left: 10px; color:#fff; width: 100%; border-right:thin #333 solid; border-left:thin #333 solid; } #navcontainer ul li a:hover { color:#ededed; background:url('images/[login to view URL]') repeat-x top; font-size: 12px; font-weight:bold; text-decoration:none; margin-top:8px; width: 100%; height:28px } body, td, th { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000; } .banner{ background:url('images/[login to view URL]') repeat-x; height:130px; width:100%; border-bottom:3px solid #1553B9 } .bannerontop{ background:url('images/[login to view URL]') no-repeat center; height:96px; padding-top:0px; text-align:center } .content{ width:100%; padding-top:40px; padding-bottom:10px; } .leftcolumn{ width:180px; padding-left:2px; padding-bottom:20px; background: #F1F1F1; float:left; text-align:left; } .rightcolumn{ width:575px; float:right; text-align:left; } h2{ background:url('images/[login to view URL]') no-repeat center; font-weight:bold; text-align:center; font-size:11px; color:#fff; margin:0; padding-top:14px; padding-bottom:14px } .clear{ width: 100%; height: 1px; margin: 0 0 -1px; clear: both; } /* controls width of the individual cells containing menu links */ .navvy { width: 97%; margin-left:5px; font-size: 11px; padding-bottom:10px; padding-top:5px; text-align: center; } [login to view URL] { text-align: left; list-style: none; padding: 0; margin: 0; width: 100%; } [login to view URL] li { display: block; margin: 0; padding: 0; } [login to view URL] li a { display: block; width: 95%; font-weight:normal; margin:0; color: #000; background:#ededed url('images/[login to view URL]') repeat-x; border:1px solid #ededed; text-decoration: none; PADDING-LEFT:2PX; padding-top:7px; padding-bottom:7px } .navvy>ul#navvylist li a { width: auto; } [login to view URL] li#active a { background: #F1F1F1; color: #2A508A; } [login to view URL] li a:hover, ul#navvylist li#active a:hover { color: #000; font-weight:bold; background: #fff; } h3{ font-size:17px; color:#39629F; font-weight:bold; text-align:center; margin:0; width:100%; border-bottom:1px solid #ededed; } .info{ padding-top:5px; padding-bottom:5px; background:url('images/[login to view URL]') repeat-y left; padding-left:10px; color:#666; font-size:10px; margin-bottom:5px; margin-left:0; margin-right:0; margin-top:0 } .maincontevt{ padding-left:5px; padding-right:5px; } a:link { color: #39629F; text-decoration: none; } a:visited { color: #39629F; text-decoration: none; } a:hover { color: #3366FF; text-decoration: none; } a:active { color: #39629F; text-decoration: none; } a { font-weight: bold; } .footer{ width:100%; background:url('images/[login to view URL]') repeat-x; padding-top:20px; position:relative; padding-bottom:20px; clear:both; text-align:center; color:#fff } .footer a:link{ color:#fff; font-size:11px; } .footer a:visited{ color:#fff; font-size:11px; } .footer a:hover{ color:#CCC; font-size:11px; } If you have any further clarification questions, please do not hesitate to contact me, and I will be glad to clarify my needs. I would like this done pretty quickly, as I know this is just a CSS browser compatibility fix. Again, I just don't have time to mess with it. My budget is $5-10 for this project. Please bid accordingly. Thanks in advance :) Scott