I have a really weird problem thats only showing up in IE6 (IE7, Opera and Firefox work and the pages validate as well). Below we see the page as it should look, this time in IE7:
Now if we take a look at the page in IE6 we get the following:
I am thinking it is the "Featured blind" section which, for some reason is showing up bigger in IE6. Here is the CSS for the that particular DIV:
The "Featured blind" text is coming from a asp:Repeater and the image of the blind is the div nested inside that. Can you guys see anything obvious that I have missed out on my style sheet to stop this problem happening? I have completley cleared the divs of any text/pictures and I get the same results.
Thanks
Now if we take a look at the page in IE6 we get the following:
I am thinking it is the "Featured blind" section which, for some reason is showing up bigger in IE6. Here is the CSS for the that particular DIV:
Code:
/*Blind Container is the main container that contains the text*/
#BlindContainer
{
background-color:#ECF1EF;
width: 767px;
height:120px;
border-top: solid 1px #00008B;
border-bottom: solid 1px #00008B;
position:relative; top:0px; right: 0px;
}
/*This div is for the featured blind image*/
#FeaturedBlindContainer
{
background-color:#ECF1EF;
width:200px;
height:90px;
position:relative; top:-105px; right: -560px;
}The "Featured blind" text is coming from a asp:Repeater and the image of the blind is the div nested inside that. Can you guys see anything obvious that I have missed out on my style sheet to stop this problem happening? I have completley cleared the divs of any text/pictures and I get the same results.
Thanks