Hey, I have an image (img.rightbanner) on one of my pages that is absolutely positioned fine in IE and FF, but is pushed to the right in Opera and Safari. Does anyone know why this is? here is the page and css is below:
http://wri.eas.cornell.edu/ACTEA WebsiteSmall/about_CTECC.html
body, html {
background-color: #000000;
padding: 0;
margin: 0;
font-family: Helvetica, "Myriad Pro", "Trebuchet MS", sans-serif;
}
#wrapper {
margin-right: auto;
margin-left: auto;
width: 710px;
margin-top: 5px;
}
#header {
width: 710px;
white-space: nowrap;
}
#header a img {
padding-right: 5px;
margin-top: 8px;
text-decoration: none;
outline: none;
border: none;
}
#menu {
width: 110px;
margin-left: 42px;
text-align: right;
margin-top: -15px;
}
#main {
}
#footer {
}
a:Link, a:Active, a:Visited {
font-family: Helvetica, "Myriad Pro", "Trebuchet MS", sans-serif;
font-size: 10px;
line-height: 41px;
text-decoration: none;
color: #ffffff;
outline: none;
margin-right: 12px;
}
a:Hover {
font-size: 10px;
color: #ffffff;
text-decoration: none;
background-color: transparent;
border-color: #ff6600;
border-bottom-width: 1px;
border-left-width: 0px;
border-right-width: 0px;
border-top-width: 0px;
border-style: dotted;
}
a:Focus {
outline: none;
}
p {
font-family: Helvetica, "Myriad Pro", "Trebuchet MS", sans-serif;
}
.topbanner {
color: #ffffff;
}
.leftbanner {
color: #000000;
}
.rightbanner {
color: #000000;
}
.rightbanner ul {
color: #000000;
white-space: nowrap;
}
.learnmore a {
color: #ffffff;
font-size: 15px;
line-height: 25px;
}
img.topbanner {
position: absolute;
top: 95px;
margin-left: 159px;
}
.topbanner {
position: absolute;
top: 105px;
margin-left: 170px;
font-size: 34px;
}
.topbanner p {
font-family: Helvetica, "Myriad Pro", "Trebuchet MS", sans-serif;
display: inline;
white-space: nowrap;
}
img.leftbanner {
position: absolute;
top: 165px;
margin-left: 159px;
}
.leftbanner {
position: absolute;
top: 180px;
margin-left: 170px;
font-size: 12px;
}
.leftbanner p {
font-family: Helvetica, "Myriad Pro", "Trebuchet MS", sans-serif;
line-height: 20px;
white-space: nowrap;
margin-top: 5px;
}
img.rightbanner {
position: absolute;
top: 165px;
margin-left: 491px;
}
.rightbanner {
position: absolute;
top: 180px;
margin-left: 500px;
}
.rightbannertitle {
line-height: 20px;
font-size: 18px;
color: #ffffff;
white-space: nowrap;
}
.rightbanner p {
font-family: Helvetica, "Myriad Pro", "Trebuchet MS", sans-serif;
display: inline;
line-height: 18px;
white-space: nowrap;
}
.rightbanner li {
line-height: 23px;
font-family: Helvetica, "Myriad Pro", "Trebuchet MS", sans-serif;
margin-left: -20px;
white-space: nowrap;
font-size: 12px;
}
.nounderline {
margin-left: 3px;
}
.nounderline a:Hover {
text-decoration: none;
border: none;
outline: none;
}
img.bottombanner {
position: absolute;
top: 682px;
margin-left: 159px;
}
.bottombanner {
position: absolute;
top: 695px;
margin-left: 170px;
white-space: nowrap;
font-size: 12px;
line-height: 20px;
}
a.exec {
line-height: 12px;
}
a.join {
line-height: 48px;
}
a.members {
line-height: 48px;
}
a.research {
}
a.education {;
}
a.links {
}
a.contact {
}
a:Link.enter, a:Active.enter, a:Visited.enter {
color: #ff6600;
}
a:Hover.enter {
color: #ffffff;
border-color: #ff6600;
}
.topnav {
position: absolute;
top: 56px;
}
.execu {
margin-right: 12px;
font-family: Helvetica, "Myriad Pro", "Trebuchet MS", sans-serif;
font-size: 10px;
text-decoration: none;
border: none;
outline: none;
color: #ffffff;
}
.title {
font-size: 20px;
color: #ffffff;
}
.bottomtitle {
font-size: 16px;
color: #f07f0a;
white-space: nowrap;
}
.bottombanner ul {
margin-top: -13px;
white-space: nowrap;
}
.bottombanner li {
line-height: 20px;
white-space: nowrap;
}
