CSS прозрачный текст в меню

имеется код

#dc_jqaccordion_widget-%ID%-item{font: bold 13px Arial, sans-serif; }

#dc_jqaccordion_widget-%ID%-item ul, #dc_jqaccordion_widget-%ID%-item ul li {margin: 0; padding: 0; border: none; list-style: none;}

#dc_jqaccordion_widget-%ID%-item ul a {padding: 16px 10px 4px 40px; height:30px; background: #cccc00 url(skins/images/bg_graphite2.png) repeat-x 0 0; text-decoration:none; display: block; color: #fff; font-size: 15px; font-weight: 500; border-bottom: 1px solid #fff;}

#dc_jqaccordion_widget-%ID%-item ul ul a {padding: 10px 10px 10px 30px; font-size: 13px; height:15px; background: #cc3399;}

#dc_jqaccordion_widget-%ID%-item ul a.dcjq-parent, #dc_jqaccordion_widget-%ID%-item ul a.dcjq-parent:hover {background: #339933 url(skins/images/graphite_arrow_rightwinx.png) no-repeat 0 0; font-weight: bold; color: #fff;}

#dc_jqaccordion_widget-%ID%-item ul a.dcjq-parent.active {background: #ff0033 url(skins/images/graphite_arrow_downwinx.png) no-repeat 0 0;}

#dc_jqaccordion_widget-%ID%-item ul a:hover {background: #000099;}

- это стиль для плагина - jQuery Vertical Accordion Menu (раздвижное меню)

на выходе имеем:

Внимание вопрос! Как сделать прозрачным ТЕКСТ "Картинки Винкс"? :confused: только текст в первой ячейке, без бэкграунда! (Ячейка будет в виде картинки, так что текст на ней будет мешаться).

если добавить opacity в любое место ДО строчки #dc_jqaccordion_widget-%ID%-item ul ul a {padding: 10px 10px 10px 30px; font-size: 13px; height:15px; background: #cc3399;} то прозрачным станет все меню, включая вложения, если ПОСЛЕ, то прозрачным станет гармошка (начиная с "Розовые слоны"), а мне надо чтобы прозрачным был только текст, и только в первой ячейке.

заранее спасибо -)