Re: Container Div displays too high on in IE (6 and 7)

[birdrockdesigns]

Code:

#submit a:link, #submit a:visited, #submit a:hover, #submit a:active (line 77)

{

background-image: url(“images/submissions.png”);

width: 128px;

height: 142px;

bottom: 100px;

position: absolute;

background-repeat: no-repeat;

text-indent: -999999px;

margin-left: 25px;

display: block;

}

#submit a:link, #submit a:visited, #submit a:hover, #submit a:active (line 77)

{

background-image: url(“images/submissions.png”);

width: 128px;

height: 142px;

bottom: 100px;

position: absolute;

background-repeat: no-repeat;

text-indent: -999999px;

margin-left: 25px;

display: block;

}

You have styles defined twice in your style sheet.

Just curious, why do you need a text-indent? Also, you have a margin-left, which isn’t necessary if you’re positioning something using ‘absolute’ – use ‘left’ or ‘right’ instead of margin. Make sure your containing div is positioned using ‘relative’ as well.

Also, the ‘submit’ button on the contact page, you will need to set the styles for this, or leave the defaults – the browser controls this automatically.