CSS3 - rotate erzeugt ungerade Linie?

[Extremefall]

Hallo,
ich habe versucht, eine Box mittels CSS3 und rotate zu drehen. Leider ist die Linie ungerade und ich weiß gerade nicht, wie ich das Problem lösen könnte bzw. woran es genau liegt. Meine Seite: Website

Es geht um die Box rechts oben, die beim Überfahren eingeblendet werden soll. Es funktioniert natürlich nur bei den neueren Browsern, die CSS3 unterstützen. Könnt ihr mir sagen, wie ich eine saubere Linie bzw. einen Schatten hinbekomme? Denn ich empfinde es schon leicht wellenartig.

 

[thenew]

Wie wärs wenn du für den unteren Teil ein Bild benutzen würdest?

 

[Extremefall]

1. Wovon redest du genau?2. Wie soll das bei dem Problem helfen? Trotzdem Danke

 

[threadi]

Er meint, dass Du für die untere Linie ein Hintergrundbild nehmen solltest. Soweit ich das sehe wird das Problem durch die Render-Engine der Browser verursacht die eine schräge Linie scheinbar noch nicht wirklich darstellen können. Ggfs. ist da auch noch von der Grafikkarte abhängig. Eine Grafik dafür zu verwenden wäre auch für mich die einzige Variante die ich hier sehe.