IE7 Dropdown Issue
Posted: 25 August 2010 07:49 PM   [ Ignore ]
Newbie
Rank
Total Posts:  3
Joined  2010-08-25

If you visit http://www.kirkwoodbaptist.org/ in IE7 you will see that the top down down does not go over the other menus. In Firefox it works fine. Any help would be great.

Profile
 
 
Posted: 26 August 2010 06:40 PM   [ Ignore ]   [ # 1 ]
Newbie
Rank
Total Posts:  3
Joined  2010-08-25

Here is the code.

body {
  color: #5a3f16;
  padding: 0px;
  margin: 0px;
  font-size: 12pt;
  font-family: verdana, sans-serif;
  background: #fff url(’/images/sky_bg.jpg’) repeat-x scroll center 0px;
}
img {
  border: 0px none;
}
#blogCat {
font-size:0.8em;
background:#FFE979;
}
#blogCat a {
color:#5A3F16;
}
#blogCat ul {
list-style:none;
padding-left:5px;
}
#blogCat ul li {
padding:3px 0px;
}
#mainContainer {
  width: 1130px;
  margin: 0px auto;
  position: relative;
  padding: 20px 0px 0px;
}
#leftSide {
  width: 757px;
  float: left;
}
#leftSideBump {
  width: 732px;
  float: right;
  background: transparent url(’/images/left_bg_trans.gif’) no-repeat scroll right 0px;
}
#rightSide {
  width: 372px;
  float: left;
  height: 910px;
  position: relative;
}
#podcast {
  position: absolute;
  top: 10px;
  left: 35px;
  z-index: 8;
}
#rightSideTree {
  width: 372px;
  height: 920px;
  background: transparent url(’/images/right_bg_trans.gif’) no-repeat scroll 0px 0px;
  position: relative;
  z-index: 5;
}
#rightSidePicture {
  width: 160px;
  height: 160px;
  position: absolute;
  top: 213px;
  left: 37px;
  z-index: 1;
}
#rightSidePictureLink {
  width: 160px;
  height: 160px;
  position: absolute;
  top: 213px;
  left: 37px;
  z-index: 80;
}
#rightSideText {
  width: 160px;
  height: 275px;
  position: absolute;
  top: 385px;
  left: 38px;
  z-index: 6;
  overflow: auto;
  color: #5a3f16;
  line-height: 19px;
  font-size: .8em;
}
#boxLink {
  width: 172px;
  height: 165px;
  position: absolute;
  top: 666px;
  left: 38px;
  z-index: 10;
}
#sideTextName {
  font-weight: bold;
  text-align: center;
  margin: 0px 0px 8px;
  line-height: 11px;
}
#header {
  width: 732px;
  height: 97px;
  background: transparent url(’/images/header.gif’) no-repeat scroll 0px 0px;
  position: relative;
}
#headerLogo {
  position: absolute;
  top: 5px;
  left: 8px;
}
#headerLinks {
  position: absolute;
  top: 55px;
  left: 300px;
}
#headerLinks ul {
  margin: 0px;
  padding: 0px;
}
#headerLinks ul li {
  margin: 0px 28px 0px 0px;
  padding: 0px;
  list-style-type: none;
  float: left;
  position: relative;
  z-index: 98;
}
#headerLinks li ul {
  position: absolute;
  display: none;
}
#headerLinks a {
  color: #5a3f16;
  text-decoration: none;
  display: block;
}
#headerLinks ul li:hover ul {
  display: block;
}
#headerLinks ul li ul {
  margin: 0px;
  padding: 0px;
  display: none;
  background-color: #fff4be;
  position: absolute;
  z-index: 99;
}
#headerLinks ul li ul li {
  margin: 0px;
  padding: 5px;
  display: block;
  float: none;
  border-bottom: 1px #a0b47a solid;
  position: relative;
  z-index: 100;
}
#navigation {
}
#navigation ul {
  margin: 15px 0px 0px;
  padding: 0px;
}
#navigation ul li {
  margin: 0px 3px;
  padding: 0px;
  list-style-type: none;
  float: left;
  position: relative;
  z-index: 10;
}
#navigation li ul {
  position: absolute;
  display: none;
  top:0px;
  left:0px;
  right:0px;
}
#navigation a {
  color: #5a3f16;
  text-decoration: none;
  display: block;
}
#navigation img {
  position: relative;
  cursor: pointer;
  z-index: 11;
}
#navigation ul li:hover ul {
  display: block;
}
#navigation ul li ul {
  margin: 0px;
  padding: 0px;
  display: none;
  width: 141px;
  background-color: #fff4be;
  top:50px;
}
#navigation ul li ul li {
  margin: 0px;
  padding: 5px;
  display: block;
  float: none;
  border-bottom: 1px #fff4be solid;
  position: relative;
  z-index: 10;
}
#navigation .filler {
  border: 0px none;
  height: 7px;
}
#contentContainer {
  width: 732px;
  margin: 15px 0px 0px;
}
#leftSidebar {
  width: 227px;
  float: left;
}
#leftSidebar.innerContentPage {
  width: 170px;
  float: left;
}
#rightContent {
  width: 492px;
  float: right;
}
#rightContent.innerContentPage {
  width: 545px;
  float: right;
}
#faqBox {
  margin: 10px 0px 0px;
  width: 227px;
  height: 220px;
  float: right;
  background: transparent url(’/images/content_faq.gif’) no-repeat scroll 0px 0px;
}
#faqBoxContent {
  padding: 10px 5px 10px 50px;
  color: #5a3f16;
  font-size: .8em;
}
#faqBoxContent a {
  color: #5a3f16;
}
#leftEvents {
  width: 227px;
  height: 227px;
  margin: 0px 0px 10px;
  background: transparent url(’/images/left_events.gif’) no-repeat scroll 0px 0px;
}
#leftEventsText {
  padding: 55px 0 0 73px;
  color:#5a3f16; 
}
#leftEventsText a {
  text-decoration:none;
  color:#5a3f16;
}
#calendarPic {
  margin: 5px 0 0 35px; 
 
}
#leftSeek {
  width: 194px;
  height: 194px;
  margin: 0px auto 10px;
}
#leftFind {
  width: 194px;
  height: 194px;
  margin: 0px auto;
}
#staffBox {
  width: 253px;
  float: left;
  margin: 10px 0px 0px;
}
#rightFooter {
  margin: 10px 0px 100px 0px;
  background-color: #ffdc4c;
  -webkit-border-bottom-right-radius: 15px;
  -moz-border-radius-bottomright: 15px;
  border-bottom-right-radius: 15px;
  -webkit-border-bottom-left-radius: 15px;
  -moz-border-radius-bottomleft: 15px;
  border-bottom-left-radius: 15px;
  float: right;
  width: 492px;
  padding: 12px 0px;
  font-size: .8em;
  color: #5a3f16;
}
#rightFooter.innerContentPage {
  width: 545px;
}
#rightFooter p {
  margin: 0px;
  text-align: center;
}
#grass {
  height: 117px;
  width: 100%;
  background: transparent url(’/images/grass.png’) repeat-x scroll 0px 0px;
  position: fixed;
  bottom: 0px;
  z-index: 10;
}
#slider {
  position: relative;
  margin: 0px;
  padding: 0px;
  overflow: hidden;
}
#slider ul {
  margin: 0px;
  padding: 0px;
  width: 492px;
  height: 322px;
  overflow: hidden;
}

Profile
 
 
Posted: 26 August 2010 06:40 PM   [ Ignore ]   [ # 2 ]
Newbie
Rank
Total Posts:  3
Joined  2010-08-25

More code

#slider li{
  list-style-type: none;
  width: 492px;
  height: 322px;
  padding: 0px;
  margin: 0px;
}
#prevBtn {
  display:none;
}
#nextBtn {
  display:none;
}
#content {
  background-color: #ffe979;
  padding: 0px 0px 20px;
  margin: 0px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
}
#content .entry-title {
  margin-top: 0px;
  background: #ffdc4c;
  color: #5a3f16;
  padding: 10px;
  font-size: 1.3em;
  padding: 10px 10px 2px 20px;
  -webkit-border-top-right-radius: 15px;
  -moz-border-radius-topright: 15px;
  border-top-right-radius: 15px;
  -webkit-border-top-left-radius: 15px;
  -moz-border-radius-topleft: 15px;
  border-top-left-radius: 15px;
}
#content .entry-title a {
  color: #5a3f16;
  text-decoration: none;
}
.entry-content, .entry-meta, .entry-summary, .entry-utility {
  padding: 0px 20px 8px;
  font-size: .9em;
  color: #5a3f16;
}
.firstItem {
  margin-left: 0px !important;
}
.lastItem {
  margin-right: 0px !important;
}
.clearBoth {
  clear: both;
}
.alignright {
  float: right;
}
.alignleft {
  float: left;
}
.aligncenter {
  margin: 0px auto;
}

Profile
 
 
Posted: 27 August 2010 08:29 AM   [ Ignore ]   [ # 3 ]
Newbie
Rank
Total Posts:  2
Joined  2010-08-27

I mailed this to my friends.

Regards

Hair25

Profile
 
 
   
 
 
‹‹ Menu problem in IE7      IE Problems ››