Das hier ersetzt die Grafik durch eine CSS-Lösung (die aber im IE nicht so gut aussieht), eine andere Lösung kann ich nicht anbieten:
.mainHeadline {
background: rgb(201,200,200); /* Old browsers */
background: -moz-linear-gradient(top, rgba(201,200,200,1) 0%, rgba(197,196,196,1) 46%, rgba(187,185,185,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(201,200,200,1)), color-stop(46%,rgba(197,196,196,1)), color-stop(100%,rgba(187,185,185,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(201,200,200,1) 0%,rgba(197,196,196,1) 46%,rgba(187,185,185,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(201,200,200,1) 0%,rgba(197,196,196,1) 46%,rgba(187,185,185,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(201,200,200,1) 0%,rgba(197,196,196,1) 46%,rgba(187,185,185,1) 100%); /* IE10+ */
background: linear-gradient(top, rgba(201,200,200,1) 0%,rgba(197,196,196,1) 46%,rgba(187,185,185,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c9c8c8', endColorstr='#bbb9b9',GradientType=0 ); /* IE6-9 */
-moz-border-radius:14px;
-webkit-border-radius:14px;
border-radius:14px;
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset, 0 -1px 0 rgba(0, 0, 0, 0.2) inset, 0 -1px 2px rgba(255, 255, 255, 1) inset, 0 1px 2px rgba(255, 255, 255, 1) inset;
margin: 14px 0 18px;
padding-bottom: 1px;
}
Alles anzeigen
ersetzen.