Force white menu text over dark background (via print.css)

Hello,

On my client’s website I have a dark background with white menu text over it. I need to make sure that the text prints as white across all platforms and browsers. So far Safari, Chrome and Firefox on Mac seem to behave correctly, but on PC sometimes in Firefox and IE the menu text shows up as either black or appears to not be visible (perhaps because it prints as black).

How can I solve this?

Below is the code I placed into print.css that seems to partially solve this, but not 100%

.avia-menu-text {color: white !important;}

.av-main-nav > li > a .avia-menu-text, #top #header .av-main-nav > li > a .avia-menu-subtext {
color: #ffffff!important;
}

.av-main-nav {
color: #ffffff!important;
}

.avia-menu-text {
color: #ffffff!important;
}

.av-main-nav {
color: #ffffff!important;
}

.avia-menu-subtext {
color: #ffffff!important;
}

.avia-menu-fx {
color: #ffffff!important;
}

.av-main-nav > li > a .avia-menu-text, #top #header .av-main-nav > li > a .avia-menu-subtext {
color: rgba(0, 0, 0, 0)!important;
text-shadow: 0 0 0 #fff!important;
}

.av-main-nav {
color: rgba(0, 0, 0, 0)!important;
text-shadow: 0 0 0 #fff!important;
}

.avia-menu-text {
color: rgba(0, 0, 0, 0)!important;
text-shadow: 0 0 0 #fff!important;
}

.av-main-nav {
color: rgba(0, 0, 0, 0)!important;
text-shadow: 0 0 0 #fff!important;
}

.avia-menu-subtext {
color: rgba(0, 0, 0, 0)!important;
text-shadow: 0 0 0 #fff!important;
}

.avia-menu-fx {
color: rgba(0, 0, 0, 0)!important;
text-shadow: 0 0 0 #fff!important;
}