i am researching the problem with IE6, which seems to never end, and i'm stuck to this point. right now, IE6 is essentially listing things from top to bottom when the text, forms, and images are all supposed to be combined on the page. IE6 is showing all of these elements as separate items, which obviously looks horrible. here is my css involved with my home page, and also check out the home page in IE6 if you can to see the errors for yourself. i'm new to development and design, any ideas on what i'm doing wrong here? thank you!
shareyourdiscount DOT com, css files below:
Code: Select all
body {
margin: 0px;
padding: 0px;
overflow: hidden;
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
color: #FFF;
font-size: 13.5px;
font-weight: lighter;
letter-spacing: .6px;
}
#background {
position: absolute;
z-index: 1;
height: 100%;
width: 100%;
}
#scroller {
overflow: auto;
position: absolute;
z-index: 2;
height: 100%;
width: 100%;
left: 11px;
top: 40px;
}
#footerIndex {
position: fixed;
text-align: center;
bottom: 0px;
height: 549px;
width: 100%;
z-index: 2;
margin-bottom: -9px;
}
#contentSignUp {
position: fixed;
z-index: 4;
bottom: 200px;
left: 184px;
width: 100%;
font-size: 13px;
}
#contentLogin {
position: fixed;
z-index: 5;
bottom: 90px;
left: -264px;
width: 100%;
}
#howItWorks {
position: fixed;
height: 85px;
width: 100%;
left: -130px;
bottom: 415px;
}