回転したDIVのエッジがChromeでぼやけて表示される

Question

私は、情報がアルバムアートの上に表示される回転DIVにあるオーディオポストを持っています。私が何を意味するか見るにはhere (the page).左下の領域が情報です。 Chromeで見ると、DIVのエッジがぼやけていることがわかります。 DIVを「エイリアス」してシャープに見せる方法はありますか？私はFirefoxが完全にそれらを表示するので解決の事ではないことを知っています。

.audioBox { 
position:absolute; 
bottom:160px; 
margin-left:-11px; 
-webkit-transform: rotate(-90deg); 
-moz-transform: rotate(-90deg); 
z-index:3; 
width:343px; 
} 

.boxify { 
margin:1px; 
padding:5px; 
float:left; 
bottom:0; 
width:329px; 
} 

.box { 
background:#000; 
padding:5px; 
padding-left:10px; 
padding-right:10px; 
margin-left:-5px; 
} 

<div class="audioHolder"> 
<div class="audioBox"> 

<div class="boxify" id="song"> 

        <img id="audioBubble"  
src="http://static.tumblr.com/ux4v5bf/JC6lpv4v1/audio.png"> 

{block:TrackName} 
<span class="box">{TrackName}</span> 
{/block:TrackName} 
</div> 

<div class="boxify" id="artist"> 
{block:Artist} 
<span class="box">{Artist}</span> 
{/block:Artist} 
</div> 

<div class="boxify" id="label"> 
<span class="box">{PlayCountWithLabel}</span> 
</div> 

<div class="boxify" id="download"> 
<span class="box">Download 
{block:ExternalAudio} 
<a href="{ExternalAudioURL}">Download</a> 
{/block:ExternalAudio}</span> 
</div> 

</div> 

解決方法：背景色を代わりに同じ色の背景画像に置き換えました。 :-)似たような問題を抱えている人に役立つことを願っています。

Answer 1

私は今、同様の問題を持っているし、私の場合はサイズを変更

を私は少し遅れだ知っているが...だけでエイリアシングが偶数

.blurry { 
    left: 100px; 
    height: 30px; 
    width: 135px; 
} 

.sharp { 
    left: 200px; 
    height: 30px; 
    width: 136px; 
} 

http://jsfiddle.net/_hags/9e4cS/