ywoolf
asked on
Internet Explorer DIV Absolute not showing up
I'm working on this site - the navcontainer is not showing up in Internet Explorer but it's showing up in Firefox and Chrome.
http://www.ultimatetan7.com/
Thanks in advance!
http://www.ultimatetan7.com/
Thanks in advance!
@charset "utf-8";
body {
text-align: center;
padding: 0px;
background-color: #5C9FB9;
margin-top: 20px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
font-family: "Trebuchet MS";
}
#container {
background-image: url(images/ultimate-tan-bg.jpg);
height: 716px;
width: 960px;
text-align: center;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
position: relative;
background-repeat: no-repeat;
}
#navcontainer {
position: absolute;
left: 302px;
top: 132px;
height: 50px;
width: 600px;
}
ul#navlist
{
margin-left: 0;
padding-left: 0;
white-space: nowrap;
}
#navlist li
{
display: inline;
list-style-type: none;
}
#navlist a {
font-size: 10pt;
padding-top: 3px;
padding-right: 9px;
padding-bottom: 3px;
padding-left: 9px;
}
#navlist a:link, #navlist a:visited
{
color: #fff;
background-color: #303D99;
text-decoration: none;
}
#navlist a:hover
{
color: #fff;
background-color: #5E2381;
text-decoration: none;
}
#navlist #current {
background-color: #5E2381;
}
#text_image_container {
background-image: url(images/text_image_bg.png);
position: absolute;
height: 512px;
width: 650px;
left: 278px;
top: 155px;
}
#main_image {
padding-top: 35px;
padding-right: 4px;
}
#main_text {
padding-top: 11px;
padding-right: 41px;
padding-bottom: 20px;
padding-left: 37px;
text-align: justify;
line-height: 25px;
color: #303e99;
background-position: top;
}
#main_text ul {
margin-top: 9px;
}
#main_text li {
font-size: 12px;
margin-left: -15px;
}
.scroll {
width: 570px;
height: 260px;
overflow: auto;
padding-right: 5px;
padding-left: 5px;
}
#contact_text {
padding-top: 38px;
padding-right: 41px;
padding-bottom: 20px;
padding-left: 37px;
text-align: center;
line-height: 25px;
color: #303e99;
background-position: top;
}
#footer {
height: 20px;
width: 934px;
font-size: 11px;
color: #FFFFFF;
position: absolute;
left: 13px;
top: 676px;
}
p {
margin-top: 0px;
}
ASKER
Thanks - I made that change but still no luck...
ASKER
I'm on to something...
If I delete this entry - it shows up in IE -but a bit wonky - so now I have to figure it out.
ul#navlist
{
margin-left: 0;
padding-left: 0;
white-space: nowrap;
}
If I delete this entry - it shows up in IE -but a bit wonky - so now I have to figure it out.
ul#navlist
{
margin-left: 0;
padding-left: 0;
white-space: nowrap;
}
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
...Looks like you've got an ampersand that's not encoded, try replacing:
News & Promotions
with
News & Promotions
...Not sure why this would cause the whole menu to not display in IE, but it's really the only problem I notice.
Regards,
Jesse