issue with IE

[davidjmorin]

Can someone help me out here. I have a site ehre http://portlandoldport.com/sitenews . The problem is in firefox the site looks perfect all the table are good and looks like i want it. when i load it up in IE the center disappears or drops down the page. then the links at the top dont display the content at all. they load but dont display. can someone help please!!!! Thanks

couldnt post all the code in one post so they follow...........the html i cannot post as it is to long.

[davidjmorin]

body.mainbody { 
background : #20425e url(../images/blue/background.png) repeat-x;
} 
.contentheading { 
color : #fff;
} 
.small, .createdate, .modifydate { 
color : #2f6c88;
} 
a { 
color : #71caef;
} 
a:hover { 
color : #fff;
} 
h3, .componentheading, table.moduletable th, legend { 
background : url(../images/blue/bg_h3.png) repeat-x;
color : #fff;
} 
#wrapper { 
background : url(../images/blue/grey_bg.png) repeat-y 0 0;
} 
#mainhead1 { 
background : url(../images/blue/head_bg.png) repeat-x;
} 
#mainhead0 { 
background : url(../images/blue/head_bg.png) repeat-x;
} 
#flash { 
color : #71caef;
border-left : 1px solid #6a6a6a;
} 
#flash h3 { 
background : inherit;
} 
#topmenu a:link, #topmenu a:visited { 
color : #f0f5f8;
} 
#topmenu li:hover { 
background-color : #256f91;
} 
#topmenu a:hover { 
background-color : #256f91;
border-top-color : #256f91;
} 
ul { 
list-style-image : url(../images/blue/list.png);
} 
#leftmenu a { 
color : #f0f5f8;
} 
#leftmenu li { 
background : url(../images/blue/menubg.png) no-repeat;
} 
#leftmenu li a:hover { 
background : url(../images/blue/menubg_hover.png) no-repeat;
} 
#leftmenu li.active a { 
background : url(../images/blue/menubg_hover.png) no-repeat;
} 
#leftmenu ul ul a:link, #leftmenu ul ul a:visited { 
background : url(../images/blue/submenu.png) no-repeat;
} 
#loginbox { 
background : url(../images/blue/login_bg.png) no-repeat;
color : #fff;
} 
#loginbox:hover { 
background : url(../images/blue/login_hover.png) no-repeat;
} 
#usermodLR { 
background : #011e30 url(../images/blue/newsbg.png) repeat-x;
} 
#usermodL { 
background : #011e30 url(../images/blue/newsbg.png) repeat-x;
} 
#usermodR { 
background : #011e30 url(../images/blue/newsbg.png) repeat-x;
} 
#usermod0 { 
background : #011e30 url(../images/blue/newsbg.png) repeat-x;
} 
#contentLR h3, #contentLR .componentheading { 
background : url(../images/blue/content_h3.png) repeat-x;
} 
#contentL h3, #contentL .componentheading { 
background : url(../images/blue/content_h3.png) repeat-x;
} 
#contentLR h3, #contentR .componentheading { 
background : url(../images/blue/content_h3.png) repeat-x;
} 
#content0 h3, #content0 .componentheading { 
background : url(../images/blue/content_h3.png) repeat-x;
} 
a.readon { 
background : url(../images/blue/readon.png) no-repeat 0 5px;
} 
#footer { 
background : url(../images/blue/footer_bg.png) repeat-x;
}

[davidjmorin]

the ie6.css

#leftmenu h3 {
width:167px;
}
h3, .componentheading, table.moduletable th, legend  {
padding: 10px 0 4px 10px;
margin-left:-1px;
}

#mainhead0 {
overflow:hidden;
}

table.contentpaneopen {
margin:7px;
}

#flash {
padding-top:0px;
overflow:hidden;
}

#flash h3 {
overflow:hidden
}

#flash table.contentpaneopen {
margin:1px;
}

#topmenu a:hover {
border-top-style:solid;
border-top-width:2px;
margin-top:0px
}


#content0 {
width:496px;
height: 100%;
margin-top:0;
padding-left:1px;
}

#contentL {
margin-top:0;
}
#contentR {
margin-top:0;
}

#contentLR {
margin-top:0;
}

#rightcol {
width:180px;
margin-left:0;
padding-left:7px;
}

#leftmenu ul ul a:link, #leftmenu ul ul a:visited {
margin-top:0px;
margin-left:49px;
margin-bottom:0px;
}

#leftmenu ul ul a:hover{
}


table.contentpaneopen {
width:452px;
padding:0px;
}

IE7 Css

table.contentpaneopen {
width:890;
height: 100%;
padding:0px;
margin:2px 0px 2px 2px;
}

[davidjmorin]

the main css

html, body, form, fieldset, div, span, table, tr, td, h1, h2, h3, h4, h5, h6, p, ul, ol, li {
margin: 0;
padding: 0;
}
p {
padding-bottom: 10px;
}
body.mainbody {
background: #20425E url(../../images/blue/background.png) repeat-x; 
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#BBB;
text-align:center;
}

table.contentpaneopen {
padding:7px;
width:75%;
}

table.contentpaneopen h3{
width:75%;
margin-left:-9px;
padding-right:3px;
}


.moduletable, .moduletable_menu, .moduletable_text {
}


.contentheading {
color:#fff;
font-size:12px;
padding-top:0px;

}

.small, .createdate, .modifydate {
color:#2F6C88;
font-size: 10px;
line-height: normal;
font-family: Tahoma,Arial,Helvetica,sans-serif;
}

img {
border:none;
}

a {
color:#71CAEF;
text-decoration:none;
}

a:hover {
color:#FFF;
text-decoration:none;
}

div.moduletable, div.module {
margin-bottom:15px;

}

ul {
list-style:none;
padding-left: 5px;
margin-left: 0;
}


h3, .componentheading, table.moduletable th, legend  {
height:25px;
background:url(../../images/blue/bg_h3.png) repeat-x;
padding: 10px 0 5px 15px;
color:#fff;
font-size:18px;
font-weight:bold;
}

table.contentpane {
padding:0;
}

#wrapper {
background:url(../../images/blue/grey_bg.png) repeat-y 0 0;
text-align:left;
margin:0 auto;
width:940px;
}

#inner_wrapper {
height:100%;
width:902px;
overflow:hidden;
padding-left:18px;
}

#inner_wrapper2 {
width:493px;
float:left;
height:100%;
}

/*main head */

#wrapper2 {
overflow:hidden;
height:100%;
margin-top:-1px;
}

#mainhead1 {
position:relative;
background:url(../../images/blue/head_bg.png) repeat-x;
width:902px;
height:125px;
margin-left:18px;

}

#mainhead0 {
position:relative;
background:url(../../images/blue/head_bg.png) repeat-x;
width:902px;
height:86px;
margin-left:18px;
border-bottom: 1px solid #6A6A6A;

}

#logo {
height:77px;
width:350px;
margin-left:20px;
margin-bottom :8px;
}

#flash {
color:#71caef;
border-left: 1px solid #6A6A6A;
float:right;
width:460px;
height:86px;
padding:0 0 0 3px;
background:#111;
font-size:85%;
}

#flash .contentpaneopen {
padding:0;
}


#flash h3 {
background:inherit;
margin-left:-3px;
padding:0 0 5px 5px;
height:10px;
font-size:130%;
}

#flash a {
color:#bbb;
}

#flash a:hover {
color:#fff;
}

#topmenu {
position:absolute;
bottom:-1px;
text-transform:uppercase;
white-space: nowrap;
width:100%;
height:38px;
border-top: 1px solid #7E8083;
border-bottom:1px solid #7E8083;
}

#topmenu ul {
margin:0;
padding:0;
}

#topmenu a:link, #topmenu a:visited {
float: left;
display: block;
padding: 4px 10px 7px 10px;
font-size:10px;
letter-spacing:-1px;
font-weight: bold;
line-height:  17px;
color: #ccc;
text-decoration:none; 
font-weight:bold;
color:#F0F5F8;
margin-top:2px;
}

#topmenu li {
margin-top:4px;
list-style-image:none;
background:none;
text-align:center;
list-style-type: none;
float:left;
border-right: 1px solid #7E8083;
min-width:120px;
}

#topmenu li:hover {
background-color:#256F91;
}

#topmenu li a{
text-align:left;
display:block;
width:120px;
}

#bread {
padding:3px 12px 0px 12px;
font-size:75%;
color:#BBB;
height:16px;
border-bottom:1px solid #6A6A6A;
}

#bread a:hover {
color:#F0F5F8;
text-decoration:underline;
}

#banner {
/* background:url(../../images/blue/headimg1.jpg) no-repeat; */
width:100%;
height:130px;
margin-bottom:-1px;
border-bottom:1px solid #6A6A6A;
}

/* body */


#rightcol {
float:right;
width:180px;
padding-bottom:10px;
margin-left:7px;
}

#rightcol h3 {
margin-left:-4px;
}

#rightcol .moduletable_text h3{
margin-left:-5px;
}


#leftmenu {
overflow:hidden;
height:100%;
width:193px;
float:left;
margin-top:-5px;
margin-bottom:10px;
padding-left:4px;
}

#leftmenu .moduletable, .moduletable_menu, .moduletable_text{
margin-left:5px;
margin-bottom:15px;
}

#leftmenu h3 {
margin:5px 0;
width:163px;
border-left: 1px solid #6A6A6A;
border-right: 1px solid #6A6A6A;
}


#leftmenu a {
color:#F0F5F8;
font-weight: bold;

}

#leftmenu li{
list-style-image:none;
text-align:center;
width:181px;
line-height:35px;
}

#leftmenu li a{
display:block;
}

#leftmenu li a:hover{
}

#leftmenu li.active a {
}

#leftmenu ul{
}

#leftmenu ul.menu{
margin-left:0;
padding-left:0;
}

#leftmenu ul ul a:link, #leftmenu ul ul a:visited {
font-size:10px;
width:100px;
height:25px;
margin-left:53px;
line-height:10px;
padding:5px 5px 0px 19px;
}

#leftmenu ul ul.moduletable, #leftmenu ul ul.moduletable_menu, #leftmenu ul ul.moduletable_text{
margin-bottom:0;
}


#leftmenu ul ul li {
background-image:none;
}

#leftmenu ul ul li:hover {
background-image:none;
}

.moduletable ul li ul li {
margin:0;
padding:0;
}


#loginbox {
text-align:center; 
width:172px; 
height:194px;
padding:8px 4px;
color:#FFF;
}

#loginbox:hover {
}


#usermodLR .moduletable{
margin-bottom:5px;
}
#usermodL .moduletable{
margin-bottom:5px;
}
#usermodR .moduletable {
margin-bottom:5px;
}
#usermod0 .moduletable {
margin-bottom:5px;
}

 


#usermodLR {
width:496px;
float:left;
border-left: 1px solid #6A6A6A;
border-right: 1px solid #6A6A6A;

}

#usermodLR li {
margin-left:20px;
}


#usermodL {
width:704px;
float:left;
border-left: 1px solid #6A6A6A;
border-bottom: 1px solid #6A6A6A;
}

#usermodL li {
margin-left:20px;
}


#usermodR {
width:696px;
float:left;
border-right: 1px solid #6A6A6A;

}

#usermodR li {
margin-left:20px;
}


#usermod0{
width:898px;
float:left;
padding-left:4px;
}

#usermod0 li {
margin-left:20px;
}


#contentLR {
width:100%;
min-height:485px;
clear:left;
background:#111 ;
padding:0 0 10px 0px;
border-left: 1px solid #6A6A6A;
border-right: 1px solid #6A6A6A;
border-top: 1px solid #6A6A6A; 
}

#contentLR h3, #contentLR .componentheading {
height:39px;
border:none;
}

#contentLR li {
margin-left:20px;
}

#contentL {
width:704px;
min-height:485px;
clear:left;
background:#111 ;
padding:0 0 10px 0px;
border-left: 1px solid #6A6A6A;
border-top: 1px solid #6A6A6A;

}

#contentL h3, #contentL .componentheading {
height:35px;
border:none;
}

#contentL li {
margin-left:20px;
}

#contentR {
width:696px;
min-height:485px;
clear:left;
background:#111 ;
padding:0 0 10px 0px;
border-right: 1px solid #6A6A6A;
border-top: 1px solid #6A6A6A;

}

#contentLR h3, #contentR .componentheading {
height:35px;
border:none;
}

#contentR li {
margin-left:20px;
}

#content0 {
width:950px;
min-height:485px;
clear:left;
background:#111 ;
padding:0 0 10px 0px;
border-top: 1px solid #6A6A6A;
}

#content0 h3, #content0 .componentheading {
height:35px;
border:none;
}

#content0 li {
margin-left:20px;
}


a.readon {
padding-left:10px;
}

#footer {
border-top: 1px solid #6A6A6A;
text-align:center;
height:25px;
padding-top:10px;
}

/* JOOMLA SYSTEM STUFF */

table.contenttoc {
 margin: 0 0 15px 15px;
 padding: 0;
 width: 30%; }
 
table.contenttoc td,
table.contenttoc tr {
padding:1px;
text-align:left; }

table.contenttoc tr {
text-align:center; }

table.contenttoc a.toclink {
padding-left:5px; }

.tool-tip {
 float: left;
 background: #ffc;
 border: 1px solid #D4D5AA;
 padding: 5px;
 max-width: 200px; 
 color:#333; }

.tool-title {
 padding: 0;
 margin: 0;
 font-size: 100%;
 font-weight: bold;
 margin-top: -15px;
 padding-top: 15px;
 padding-bottom: 5px;
 background: url(../../../system/images/blue/selector- arrow.png) no-repeat;
 color:#000; }

.tool-text {
 font-size: 100%;
 margin: 0;
 color:#444; }
 
legend {
background:none;
color:#fff;
margin:0;
padding:10px 5px;
}

/* System Standard Messages */
#system-message { margin:0 0 0 6px; padding:0;}
dd.message message fade ul {padding:0;margin:0;}

dt.message { padding:5px;font-weight:bold; color:#fff; background:#222; }

#system-message dd.message ul { background: #C3D2E5 url(../../../system/images/blue/notice-info.png) 4px center no-repeat; padding:15px 15px 15px 45px; margin:0; color:#000; margin-left:-40px;}
#system-message dd.message li { padding:0; margin:0; list-style:none; }

/* System Error Messages */
#system-message dd.error ul { color: #c00; background: #E6C0C0 url(../../../system/images/blue/notice-alert.png) 4px center no-repeat; border-top: 3px solid #DE7A7B; border-bottom: 3px solid #DE7A7B; 
padding:15px 15px 15px 45px; margin:0; color:#000; margin-left:-40px;}

/* System Notice Messages */
#system-message dd.notice ul { color: #c00; background: #EFE7B8 url(../../../system/images/blue/notice-note.png) 4px center no-repeat; border-top: 3px solid #F0DC7E; border-bottom: 3px solid #F0DC7E; 
padding:15px 15px 15px 45px; margin:0; color:#000; margin-left:-40px;}

[davidjmorin]

no matter what i change nothing works why is this?