Forum Moderators: not2easy
div#extra{
position:relative;
height:229px;
width:770px;
margin-top:204px;
background:#EBEBEB;
text-indent: -5000px;
}
.signup{
position:absolute;
height:102px;
width:160px;
background-image:url(images/teacher_signup_ihcway.gif);
background-repeat:no-repeat;
left:0;
top:66px;
text-indent: -5000px;
}
/* IHCWAY teachers big button */
.teachers{
position:absolute;
width:276px;
height:214px;
left:174px;
top:8px;
}
.teachers a{
display:block;
height:194px;
width:276px;
background-image:url(images/our_teachers_css.jpg);
background-repeat:no-repeat;
text-decoration:none;
}
.teachers a:hover{
background-position: 0 -214px;
}
.teachers a:active{
background-position: 0 -214px;
}
/* IHCWAY students big button */
.students{
position:absolute;
width:276px;
height:214px;
left:459px;
top:8px;
}
.students a{
display:block;
height:194px;
width:276px;
background-image:url(images/our_students_css.jpg);
background-repeat:no-repeat;
text-decoration:none;
}
.students a:hover{
background-position: 0 -214px;
}
.students a:active{
background-position: 0 -214px;
}
[edited by: encyclo at 10:14 am (utc) on Aug. 28, 2007]
[edit reason] no links to personal sites please [/edit]
you'll have to apply that to a alternate stylesheet just for ie
if it throws it off on the left side then try changing it to "left:-15px;"
Your xhtml is pretty hard to understand. It looks like your using div as tables to hold the layout. I recommend you redo the layout.