Permatomas paveiksliukas

	#info {
	overflow: visible;
	width: 100%;
	position: fixed;
	left: 0;
	z-index:2;
	margin-top: -12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	font-weight: bold;
	opacity: 0.4;
	filter: alpha (opacity=40);
	background-image: url(images/transhover.png);
}

  #infobar a, #infobar a:link, #infobar a:visited, #infobar a:active
  {
	display: block;
	float: left;
	width:100%;
	clear: both;
	color: #d50000;
	padding: 1em 0 1em 0;
	border-bottom: .25em solid #7F8D03;
	text-align: center;
	text-decoration: none;
   background-image: url(images/transhover.png);

  }

  #infobar a:hover
  {
	color: #7F8D03;
	background-image: #7F8D03 url(images/transhover2.png);
	border-bottom: .25em solid #b22222;
	cursor: pointer;
  }

Šis css duoda permatomą paveiksliuką, bet tame paveiksliuke yra raidės, kurios taip pat yra permatomos. Kai padaryti, kad fonas būtų permatomas, o raidės išliktų visą laiką normaliai? Manau supratote.