New member here, impressed with the congenial atmosphere of the list. (Truth
in advertising dept.: I have posted this problem to another list 6 days ago,
and to Usenet 2 days ago; no usable answers have been received. I hope this
is a long enough delay to warrant posting to CSS-D.)
My latest project is almost done. It looks great in Firefox; I only have two
IE bugs left to squash, yay! Please refer to
- "reset.css" is a safety net that establishes some basic values. Coded by
Matt Wilcox, found at
- I use 3 style sheets of my own: "layout.css" (layout, box model),
"visual.css" (colors, etc.), and "IE_5.5_and_above.css" for Internet
Explorer only, which is referenced within an IE conditional comment.
- There's also some files (JS, CSS) related to the dropdown menu. (I
selected Angus Turnbull's FreeStyle Menus, www.twinhelix.com/dhtml/fsmenu/
..) The dropdown files don't seem to have an effect on these bugs.
The HTML and CSS fully validate.
1) Each dark-brown section has 4 nested divs, one for each rounded corner.
Unfortunately, the *top two* corners don't appear. (The images have a
medium-browm "outside of the curve" area, leaving the div's dark brown
showing through the images' transparent pixels. Problem: the opaque area
doesn't cover up the sharp corner of the section div.) Why would the bottom
two background images appear, but not the top two?
2) The red "news" box is nested inside two divs: news > news_right >
news_box. news and news_right each have a background image (the white
curlicues on either side) positioned within their padding (one left, one
right). In IE, however, these background images don't appear correctly --
unless I add anything (it seems) after the outer news div; see this in
action at http://www.blaqzone.com/Temp/Popfuel/index-2.html
Thanks for your help!
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/