Transparent Filter Lists (Column Headings IR)

Question

All,
I currently have the issue where the filter drop down lists appear transparent in my interactive reports. It is very difficult to read the list as it merges with the report data behind it.
I have found the fix in a previous thread but I am having trouble getting it to work.
Can any one tell me exactly where I should paste the below CSS tag?
+<style type="text/css">+
+.dhtmlSubMenu {+
background-color:#fff;
+}+
+</style>+
Version: 4.0.1
Theme 13
I am using IE8
Thanks

Answer 1

The Page Header (or the Page Template Header) is the right spot.
If you use Firefox with Firebug installed, do you see any errors? If you inspect that element (in Firebug) you can see if your css style is applied to that object. Might be very helpful to track down what's happening.
Or setup a tiny example on apex.oracle.com and "the world" can actually see what's happening and help you out!
I looked into it. As I see it the looks from the Filter drop down list comes from this piece of CSS:
#apexir_columnsearch, #apexir_col_values_drop, #apexir_rollover {
-moz-box-shadow:2px 2px 4px #888888;
background:url("../apex/builder/1px-white-trans.png") repeat scroll 0 0 transparent;
border:1px solid #AAAAAA;
font-size:11px;
overflow:hidden;
position:absolute;
width:200px;
z-index:1000;
So the background:url piece does the trick. You have to override that by adding your own style. Seems to have nothing to do with the dhtml... thing.
(btw: I have no trouble with this looks at all, I can see the data fine in FF, Chrome and Safari)
Edited by: Roel on Oct 22, 2010 2:54 PM