I'm currently working on a website and facing some issues with the background-position property in CSS. Here is the code snippet that's giving me trouble:
body
{
background-color: Black;
background-image: url(images/background_ui.png);
background-repeat: no-repeat;
background-position: top, center;
background-attachment: scroll;
}
While the alignment works fine in Chrome, I'm noticing that in IE 8 the background doesn't center horizontally. Additionally, do you happen to know any tags or techniques for writing browser-specific CSS code? Any help would be greatly appreciated. Thanks.