Maximum Aardvark

« Exercise | Spider-Man »

Opera Bug?

I've been playing with Opera 6.01 for awhile now (mostly just for testing), and I seem to have found a bug in its rendering of CSS. This page defined its background by using the background selector in a body tag, like this:

body {
  background: url(aardvark.png) fixed no-repeat center center;
}

It formatted properly on IE 5.5 and Mozilla, but the big gray aardvark was placed at the top of the page in Opera. I broke the selector into its component parts and it still did the same thing:

body {
  background-image: url(aardvark.png);
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-position: center center;
}

Changing the last line, however, to background-position: center; fixes the problem, and it now displays properly in the Big Three.