Hello everyone:
When testing my site in Browserlab, I see that there problems with the header in IE 6 and 7. The logo and tag have both shifted horizontally– the logo is actually behing the header. But it looks fine in every other browser in which it’s been tested. What causes this?
#header {
height: 127px;
background-image: url(images/headerBorder.gif);
background-repeat: no-repeat;
width: 100%;
overflow:inherit;
}
#logo a:link, #logo a:visited, #logo a:hover, #logo a:active {
background-image: url(images/logo_greenNoTag.png);
background-repeat: no-repeat;
background-position: left top;
text-indent: -999999px;
display: block;
height: 133px;
width: 117px;
top: 0px;
}
#tag {
position: relative;
left: 200px;
bottom: 100px;
width: 562px;
border-bottom-width: 4px;
border-bottom-style: solid;
border-bottom-color: #dae410;
font-size: 18.25px;
color: #8b9913;
text-align: center;
padding-bottom: 10px;
font-weight: bolder;
}