Get rid of all you position: relative; and position: absolute;
You are declaring positions as relative or absolute, but you are not giving
values.
Your CSS was a bit redundant too. You don't need to declare default values.
I cleaned it up a bit
Try this. I don't think it's exactly what you want, but it will get you a
little further along the way.:
body {
margin: 0px;
padding: 0px;
text-align: center;
font-family: Tahoma, Arial, Helvetica, New Times Roman, Sans Serif,
Verdana;
font-size: 0.9em;
color: #000000;
background-image: url(../images/mainbackground.jpg);
background-repeat: no-repeat;
}
#container {
margin: 0px auto;
padding: 0px;
border: 0px;
width: 767px;
text-align: center;
background-image: url(images/mainBG.jpg);
background-repeat: no-repeat;
}
#sidebar {
width: 217px;
margin: 0px;
padding: 0px;
/* clear: float; - float is not a value for clear */
}
#main {
width: 550px;
margin: 0px;
padding: 0px;
}
#spacer {
clear: both;
}
#footer {
margin: 0px;
padding: 0px;
width: 767px;
clear: both;
}
.navtext, .maintext {
font-family: Tahoma, Arial, Helvetica, Sans Serif, Verdana;
font-size: 0.7em;
font-weight: normal;
color: #444;
letter-spacing: normal;
text-align: right;
padding: 0px 18px 0px 0px;
}
.maintext {
padding: 0px 28px 2px 21px;
}
.navlink {
padding: 0px;
font-family: Tahoma, Arial, Helvetica, Sans Serif, Verdana;
font-size: 1em;
color: #919193;
}
a.navlink:link, a.navlink:active, a.navlink:visited {
text-decoration: none;
color: #919193;
}
a.navlink:hover {
text-decoration: underline;
color: #000000;
}
.footerlink {
padding-left: 25px;
padding-right: 25px;
padding-top: 18px;
padding-bottom: 30px;
margin: 10px;
font-family: Tahoma, Arial, Helvetica, Sans Serif, Verdana;
font-size: 0.8em;
color: #919193;
background-image: url(../../_BreatheAudio/2005/css/buttonoff.gif);
background-repeat: no-repeat;
}
a.footerlink:link, a.footerlink:active,
a.footerlink:visited{
text-decoration: none;
font-family: Tahoma, Arial, Helvetica, Sans Serif, Verdana;
font-size: 0.9em;
font-weight: bold;
color: #3B3BB7;
}
a.footerlink:hover {
text-decoration: none;
font-weight: bold;
color: #FA2400;
background-image: url(../../_BreatheAudio/2005/css/buttonon.gif);
background-repeat: no-repeat;
}
Estelle Weyl
http://www.EstelleWeyl.com
415.845.9906
Making the web accessible since 1999
-----Original Message-----
From: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] Behalf Of Jeff Reid
Sent: Wednesday, October 05, 2005 8:38 AM
To: css-d@lists.css-discuss.org
Subject: [css-d] Image and Links Missing in IE
I am converting an eps file to css and .asp pages. In Firefox the
conversion
is rendering correctly but in IE the main image and the text links above it
are missing. ..nowhere to be found
Anyone had this happen before?
Here is the working url: http://www.olpguitars.com/OLP102005/
Here is the css: http://www.olpguitars.com/OLP102005/css/olphome.css
Thanks
Jeff
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
