The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Broken Header in Internet Explorer

  • This topic is empty.
Viewing 1 post (of 1 total)
  • Author
  • #32460

    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%;

    #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;
Viewing 1 post (of 1 total)
  • The forum ‘CSS’ is closed to new topics and replies.