css - Trouble getting rotated text to render properly in print styles -

so have code h2 rotated

<h2>an internet marketing company</h2> 

here css both regular , print stylesheets

regular

.proposal .page.cover h2 {     color: #ddd;     white-space: nowrap;     transform: rotate(90deg);     transform-origin: left top 0;     text-transform: uppercase;     letter-spacing: 10px;     margin: 40px 0 0 20px; } 

print

.proposal .page.cover h2 {     color: #ddd !important; } 

so result on webpage correct looks http://gyazo.com/0e41e9e7762e1e15bfc3a6d26e1c1c1a

the problem occurs when try print pdf http://gyazo.com/a3d9b58b98f08cc81dd312ec4a7afa27

there seems black outline gunk going around text. know how fix this?