Hi-first this is a confusing post but i cant put it simply.

Theres a div acting up in ie7(6 as well?) - http://www.eaf.textdriven.com/testie.html
it shows up on the bottom right of the ie7 screen but works in ff and safari
Since i was made aware of the problem Ive made changes but need to see another screen shot to see if they've had any effect.

Heres the screen shot of the problem in ie7-see the dive at the bottom with a gradient.
http://www.eaf.textdriven.com/ie7.html

heres the url with the styles at the time of the screen shot
http://www.eaf.textdriven.com


In safari-the gradient covers up the horizontal scroll bar.
this is what i want because xory overflow cant be turned off in safari.
http://www.eaf.textdriven.com/safari.html

The problem div "gradient" is relatively positioned inside the div "outerwrapper". After i saw the first screen shot i change the positioning of the outerwrapper div to relative and
used top:402px instead of margin-top:402px to position the gradient div.

#gradient{
border:1px solid pink; position: relative;
/*margin-top:402px;*/
top:402px;
left:488px;
width:480px;
background-image: url(../images/textbg.png);
background-repeat:repeat-x;
height:100px;
}

#outerwrapper{
position:relative;
height:560px;
margin:0 auto;
border:1px solid pink; width:1000px; m
argin-bottom:0;
margin:0 auto;
padding-bottom:0;
padding:12px;

}

heres the rules that might have a direct effect on the gradient div

http://www.eaf.textdriven.com/css.css

thanks in advance
-kevin



*******************************************************************
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
*******************************************************************

Reply via email to