Okay, so i got this site up: www.pacific-emarket.com/imts/ and if you are looking at it through Internet Explorer it should appear fine, but through Safari or Opera it looks really weired! How can I fix it and make it compatible!
CSS:
#top {
background-image:url(img/hack.gif);
background-repeat: repeat-x;
background-color: #FFFFFF;
height: 60px;
border-bottom-width: 15px;
border-bottom-style: solid;
border-top-color: #666666;
border-right-color: #666666;
border-bottom-color: #666666;
border-left-color: #666666;
padding-top: 40px;
padding-left: 40px;
}
#maincenter {
}
#menu {
float:left;
height: 500px;
background-color: #CCCCCC;
}
.linkContainerOFF p {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
color:#333333 border: 0px none;
height: 10px;
width:150px;
border: none;
height:20px;
}
.linkContainerOFF {
width:150px;
text-decoration: none;
background-color:#CCCCCC;
color:#000000;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
height:20px;
padding-top:5px;
}
.linkContainerON a {
font-family:Verdana, Arial, Helvetica, sans-serif;
size:10px;
text-decoration:none;
font-size: 12px;
color:#990000;
padding-left: 15px;
height:20px;
width:150px;
}
.linkContainerOFF a {
font-family:Verdana, Arial, Helvetica, sans-serif;
size:10px;
text-decoration:none;
font-size: 12px;
color:#0066CC;
padding-left: 15px;
height:20px;
width:150px;
}
.linkContainerON {
width:150px;
color:#FFFFFF;
text-decoration: none;
height:20px;
padding-top:5px;
background-color:#FFFFFF;
}
body {margin-bottom:0;
margin-left:0;
margin-right:0;
margin-top:0;
}
p {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal;
color: #000000;
margin: 10px;
padding: 10px;
border: 1px solid #999999;
float:left;
line-height: 20px;
width:auto;
}
p .oneStyle {
font:700 18px/50px Georgia, "Times New Roman", Times, serif;
color:#333333;
padding-bottom: 0px;
}
li {
list-style-image:url(img/bullet.gif);
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 12px;
color: #000000;
padding: 0px;
margin: 0px;
font-weight: bolder;
list-style-position: inside;
list-style-type: circle;
}
#maincenter a {
text-decoration: none;
border-bottom-width: thin;
border-bottom-style: dashed;
border-bottom-color: #CCCCCC;
}
#maincenter a:hover {color:#333333;}
