[css-d] Firefox is covering the corner of a button with the background of the main div

[Donald Davis]

I am working on the book Javascript the Missing Manual, by David
McFarland, and I've noticed that during the tutorials, the corner of
the image for a link button is covered by the div for the middle
column.  You can download the files at www.sawmac.com/javascript.  The
button is not covered in the most recent IE.  Any explanation/fix?

Thanks,
Don
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Firefox is covering the corner of a button with the background of the main div

[Bill Brown]

Donald Davis wrote:
 I am working on the book Javascript the Missing Manual, by David
 McFarland, and I've noticed that during the tutorials, the corner of
 the image for a link button is covered by the div for the middle
 column.  You can download the files at www.sawmac.com/javascript.  The
 button is not covered in the most recent IE.  Any explanation/fix?

The #banner element needs a z-index.

#banner {/* global.css (line 221) */
   background:#E6E2AF none repeat scroll 0 0;
   position:relative;
   z-index:999;/* == ADD THIS */
}

Hope it helps.
--Bill

-- 
!--
  ! Bill Brown macnim...@gmail.com
  ! Web Developologist, WebDevelopedia.com
--
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/