2008/7/14 kevin mcmonagle <[EMAIL PROTECTED]>:
> hi,
> im using negative margins to put a png half over the edge of a "wrapper"
> div.
> Works good in ff, but breaks the layout in ie.
> Is there anything i can do to get ie to display the
> div like fire fox does or is this to tall an order for ie?
> -best
> kevin
>
> http://pattersons.s34978.gridserver.com/indexnew1.html
>
> #kitchenhead{ z-index:999;
> width:200px;
> height:100px;
> margin-top:-35px;
> padding-top:40px;
> background-image:url(../images/kitchen.png);
> background-position: 0 0;
> overflow:visible;
> background-repeat:no-repeat;
> }
>
> heres the css for the div that its going "under" at the moment:
>
> #shellhead
> {
> background-image: url(../images/yellowtopshad.png);
> background-repeat:repeat-x;
> width:999px;
> margin:0 auto;
> padding-top:20px;
> }
>


Hi Kevin,

You might be better off using

position: relative;
top: -35px;

instead of the negative margin

I've only tested it in FF and IE7, but can see any reason why it
wouldn't work in older versions of IE as well..

David


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

Reply via email to