i am trying to make a site for our scholl and i have manged to get it all working, on firefox and opera but on Ie everything is, out of focus or messed up, if you view it in opera or firefox, but ie it does not work, i do know about the ie but it only effects 5.* i am on 6 and it does not work, can anyone help me?
http://webzine.dragongamer.net
html {
background: #000 url(”/images/bg_main.gif”) repeat 0 1px fixed;
}
#sidebar {
float: right;
/*margin-top: -40px;*/
position: relative;
right: 0;
width: 255px;
z-index: 100;
}
body {
background: transparent url(“images/bg_wrapper.gif”) repeat-y 50% 0 fixed;
color: #333;
font: 0.7em/160% Verdana, Arial, Helvetica, sans-serif;
}
h1, h2, h3, h4, h5, h6 {
font-family: “Trebuchet MS”, Trebuchet, Verdana, Arial, Helvetica, sans-serif;
}
#sidebar .section {
background: #747474 url(“images/bg_sidebarsection.gif”) no-repeat 0 100%;
color: #f1f1f1;
margin-bottom: 1px;
padding-bottom: 5px;
}
#sidebar h3 {
background: #434343 url(“images/bg_sidebarsection_heading.gif”) no-repeat 0 0;
color: #f88600;
font-size: 110%;
font-weight: normal;
letter-spacing: 0.05em;
height: 40px;
line-height: 42px;
margin-bottom: 0.7em;
padding: 0 15px;
text-transform: uppercase;
}
* html #sidebar h3 { /* less line-height for IE */
line-height: 40px;
}
#sidebar .first h3 {
background-position: -5px 0;
}
#sidebar h4 {
color: #7c4c24;
font-size: 110%;
padding: 0 15px;
}
#sidebar a {
color: #f1f1f1;
text-decoration: underline;
}
#sidebar a:hover {
background-color: transparent;
text-decoration: underline;
}
#sidebar p,
#sidebar ul,
#sidebar ol {
margin-bottom: 1em;
padding: 0 15px;
}
#sidebar ul {
list-style: none;
}
#sidebar ul a {
background: transparent url(“images/bg_listitem.gif”) no-repeat 0 3px;
color: #f1f1f1;
padding-left: 16px;
text-decoration: none;
}
#sidebar .alternate ul a {
color: #0e3a73;
}
#sidebar #ad-rightside {
padding: 20px 60px;
}
#navigationbar {
background: #f1f1f1 url(“images/bg_navigationbar.gif”) no-repeat 100% 100%;
color: #a4a4a4;
float: left;
padding-bottom: 2em;
width: 173px;
}
#header {
background: #1a1a1a url(“images/bg_header.gif”) repeat-x 0 0;
height: 120px;
position: relative;
width: 940px;
}
#navigation {
left: 173px;
padding-left: 10px;
position: absolute;
top: 80px;
}
#searchform {
background: transparent url(“images/bg_search.gif”) no-repeat 10px 7px;
left: 0;
height: 40px;
position: absolute;
top: 80px;
width: 173px;
}
#header h1 {
background: #c60000 url(”/themes/Blue/images/logo.gif”) no-repeat 0 0;
height: 120px;
overflow: hidden;
text-indent: 200px;
width: 173px;
}
#header h1.planetlogo {
background: #c60000 url(“images/planet-logo.gif”) no-repeat 0 0;
}
#header h1 a {
position: absolute;
left: 15px;
height: 40px;
overflow: hidden;
top: 20px;
width: 135px;
}
#header h2 {
color: #fa8900;
font: normal 125% “Georgia”, “Times New Roman”, Times, serif;
letter-spacing: 0.07em;
position: absolute;
left: 193px;
top: 34px;
width: 270px;
}
#header a,
#header a:hover {
color: #fff;
text-decoration: none;
}
/*** Navigation Components ****************************************************/
#navigation ul,
#navigation li,
#navigation a {
float: left;
list-style: none;
}
#navigation a {
color: #aaa;
font-family: “Trebuchet MS”, Trebuchet, Verdana, Arial, Helvetica, sans-serif;
height: 40px;
line-height: 40px;
padding: 0 10px;
text-transform: uppercase;
}
#navigation a:hover {
background: #141414 url(“images/bg_navi_hover.gif”) repeat-x 0 0;
}
#navigation .current_page_item a,
#navigation .current_page_item a:hover {
color: #fff;
}
#navigation .current_page_item a {
background: transparent url(“images/bg_navi_selected.gif”) no-repeat 50% 100%;
}
#navigation .feedicon {
padding-top: 12px;
height: 16px;
width: 16px;
}
/*** Navigationbar Components *************************************************/
#navigationbar h3 {
color: #a4a4a4;
font-size: 120%;
letter-spacing: -0.05em;
padding: 0 15px;
text-transform: uppercase;
}
#navigationbar ul,
#navigationbar ol {
list-style: none;
padding: 0 15px;
}
#navigationbar a {
color: #1a1a1a;
text-decoration: none;
}
#navigationbar a:hover {
text-decoration: underline;
}
#navigationbar div {
margin: 20px 0;
padding: 0;
}
#navigationbar #archives {
margin-bottom: -0.5em;
}
/*** Search Components ********************************************************/
#searchform input {
background: transparent;
border: none;
color: #999;
font-size: 90%;
height: 18px;
line-height: 18px;
margin: 14px 0 0 20px;
width: 95px;
}
#searchform input.focus {
color: #000;
}
* html #searchform input { /** less margin-top for IE */
margin-top: 10px;
}
#searchform.issafari {
background: transparent;
}
#searchform.issafari input {
color: #000;
font-size: 100%;
height: auto;
margin: 10px 0 0 15px;
width: 115px;
}
#searchform button {
border: none;
background: transparent url(“images/bg_searchbutton.gif”) no-repeat 0 0;
cursor: pointer;
overflow: hidden;
text-indent: 50px;
width: 26px;
height: 26px;
position: absolute;
right: 10px;
top: 7px;
}
#searchform button:active {
background-position: 0 -26px;
}
#wrapper {
background: #fff url(“images/bg_wrapper.gif”) repeat-y 50% 0 fixed;
margin: 0 auto;
overflow: hidden;
padding: 0 12px;
width: 940px;
}
* {
margin: 0;
padding: 0;
}
#footer {
background: #1a1a1a url(“images/bg_header.gif”) repeat-x 0 0;
clear: both;
color: #666;
margin-top: 2em;
padding: 20px;
width: 900px;
}
/*** Footer Components ******************
[/code