[kizzeith]

Hello all...I am having issues with a site displaying incorrectly in IE (what else is new.) It looks fine in firefox, but for some reason, in IE 6, an iframe's content gets cut off at the bottom, and can only be reached using the windows scroll function (middle mouse button.) Besides this, the frame looks like it is extended beyond the specifications, but cuts off before the bottom.

I'm sure the problem lies in the CSS, but I can't figure out where. Here is my CSS coding. The Iframe in question is called "features container."

I have racked my brain on this one and can't take it anymore. Any help or guidance would be greatly appreciated! Thanks in advance.
--------------------------------

@charset "utf-8";
body {
height: 795px;
width: 635px;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 12px;
color: #000000;
}

iframe {
padding: 0px;
margin: 0px;
}

.features_container
{
width: 635px;
height: 795;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
color: #000000;
font-family: helvetica;
line-height: 170%;
}

.features_header
{



width: 100%;
height: 10px;
background-color: #b7b7b7;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 18px;
}

.left_column {
width: 315px;
margin-top: 10px;
height: auto;
margin-bottom: 10px;
}
.right_column {
width: 315px;
float: right;
margin-top: 10px;
height: auto;
margin-bottom: 10px;
}

.features_1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
width: 95%;
margin-right: auto;
margin-left: 2.5%;
margin-bottom: 5px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: none;
border-right-style: none;
border-bottom-style: solid;
border-left-style: none;
border-top-color: #000000;
border-right-color: #000000;
border-bottom-color: #B7B7B7;
border-left-color: #000000;
padding-top: 5px;
padding-right: 0px;
padding-bottom: 5px;
padding-left: 0px;
}
.features_2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
width: 95%;
margin-right: 2.5%;
margin-left: auto;
margin-bottom: 5px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: none;
border-right-style: none;
border-bottom-style: solid;
border-left-style: none;
border-top-color: #000000;
border-right-color: #000000;
border-bottom-color: #B7B7B7;
border-left-color: #000000;
padding-top: 5px;
padding-right: 0px;
padding-bottom: 5px;
padding-left: 0px;
}
.features_3 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
width: 95%;
margin-right: auto;
margin-left: 2.5%;
margin-bottom: 5px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: none;
border-right-style: none;
border-bottom-style: solid;
border-left-style: none;
border-top-color: #000000;
border-right-color: #000000;
border-bottom-color: #B7B7B7;
border-left-color: #000000;
padding-top: 5px;
padding-right: 0px;
padding-bottom: 5px;
padding-left: 0px;
}
.features_4 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
width: 95%;
margin-right: 2.5%;
margin-left: auto;
margin-bottom: 5px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: none;
border-right-style: none;
border-bottom-style: solid;
border-left-style: none;
border-top-color: #000000;
border-right-color: #000000;
border-bottom-color: #B7B7B7;
border-left-color: #000000;
padding-top: 5px;
padding-right: 0px;
padding-bottom: 5px;
padding-left: 0px;
}
.features_5 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
width: 95%;
margin-right: auto;
margin-left: 2.5%;
margin-bottom: 5px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: none;
border-right-style: none;
border-bottom-style: solid;
border-left-style: none;
border-top-color: #000000;
border-right-color: #000000;
border-bottom-color: #B7B7B7;
border-left-color: #000000;
padding-top: 5px;
padding-right: 0px;
padding-bottom: 5px;
padding-left: 0px;
}
.image_left {
height: 100px;
width: 100px;
float: left;
margin-right: 5px;
margin-bottom: 5px;
border: 1px none #B7B7B7;
}
.image_right {
height: 100px;
width: 100px;
float: right;
margin-bottom: 5px;
border: 1px none #B7B7B7;
margin-left: 5px;
}
.image_banner {
height: auto;
width: 100%;
margin-bottom: 5px;
border: 1px none #B7B7B7;
}
.image_full {
background-color: #CCCCCC;
margin: 0px;
width: 100%;
height: auto;
padding: 0px;
}

h1.features {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
color: #FFFFFF;
padding: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 2px;
margin-left: 0px;
}
h1.aquarium {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 16px;
font-weight: bold;
color: #000000;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 5px;
padding-top: 5px;
font-style: normal;
}

h2.features {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
margin: 0px;
}

.features img
{
border: none;
}

a.h1:link {
color:#326699;
text-decoration: none;

}

a.h1:hover {
text-decoration: underline;
}

a.h1:visited {
color:#326699;
}

a.features:link {
text-decoration: underline;
font-weight: bold;
color: #0000FF;
}
a.features:visited {
color: AADF00;
text-decoration: none;
}
a.features:hover {
text-decoration: underline;
color: #AADF00;
}
a.features:active {
text-decoration: none;
color: #AADF00;
}