Opera Bug (SVG Data URI background, border-radius and scrolling)

dabblet.css

/**
 * Opera Bug (SVG Data URI background, border-radius and scrolling)
 */

.icon {
	display: inline-block;
	width: 128px;
	height: 128px;
	margin: 20px 20px 20px 0;
	background-color: #eee;
	background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPScxLjEnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Zycgd2lkdGg9JzEwMCUnIGhlaWdodD0nMTAwJScgcHJlc2VydmVBc3BlY3RSYXRpbz0neE1pZFlNaWQgbWVldCcgdmlld0JveD0nMCAwIDY0IDY0JyBmaWxsPScjNjY2Jz48cGF0aCBkPSdNMTEuMjAsMzYuMDBMMjguMDAsMzYuMDBMMjguMDAsNTIuODBMMjAuODAsNTIuODBMMzIuMDAsNjQuMDBMNDMuMjAsNTIuODBMMzYuMDAsNTIuODBMMzYuMDAsMzYuMDBMNTIuODAsMzYuMDBMNTIuODAsNDMuMjBMNjQuMDAsMzIuMDBMNTIuODAsMjAuODBMNTIuODAsMjguMDBMMzYuMDAsMjguMDBMMzYuMDAsMTEuMjBMNDMuMjAsMTEuMjBMMzIuMDAsMC4wMEwyMC44MCwxMS4yMEwyOC4wMCwxMS4yMEwyOC4wMCwyOC4wMEwxMS4yMCwyOC4wMEwxMS4yMCwyMC44MEwwLjAwLDMyLjAwTDExLjIwLDQzLjIweic+PC9wYXRoPjwvc3ZnPg==);
	background-position: 50% 50%;
	background-size: 96px 96px;
	background-repeat: no-repeat;
}
.icon.v1 {
	border-radius: 0px;
}
.icon.v2 {
	border-radius: 32px;
}
body > div {
	height: 2000px;
}


/* formatting */
body { padding: 20px; }
h1 { color: #666; margin-bottom: 0; font: bold 2.5em Georgia, sans-serif; }
h2 { font: normal 1.5em Verdana, serif; color: #999; margin-top: .2em; }
p { font: normal 1.2em Verdana, serif; color: #999; }

dabblet.html

<h1>Opera Bug</h1>
<h2>SVG data URI background, border-radius and scrolling</h2>
<p>Scroll up and down and watch the rendering of the right background-image.<br>
Also try reloading the page at a new scroll position, preferrably with the icons hidden above the fold.<br>
Left icon will always be visible, right icon won't or will at least be cropped - depending on how far you scrolled.</p>

<p>confirmed on:</p>
<ul>
	<li>Opera 12.02, Build 1578 (Mac OS X)</li>
	<li>Opera 12.01, Build 1532 (Win32)</li>
	<li>Opera 11.61, Build 1250 (Ubuntu)</li>
</ul>

<div>
	<div class="icon v1" title="border-radius: 0px"></div>
	<div class="icon v2" title="border-radius: 32px"></div>
</div>

settings.json

{"view":"split","fontsize":"100","seethrough":"","prefixfree":"","page":"result"}