my background image is not displaying correctly, any ideas?

ok, i thought this would be simple, but i can't understand why it is not working. i have created a temporary index page (http://www.forwardesigns.com) and the background that i have selected to repeat is not lining up right on a PC, but it is on my Mac. i started with declaring the backgorund in the CSS with:
body {background: url(images/horizon.jpg) repeat-x;}

when that didn't work i put the background code in the body tag:
<background="images/horizon.jpg" style="backgroung-repeat: repeat-x">

but the background still displays incorrectly on a PC enviorment while displaying correctly on a Mac enviorment. if you have any ideas or insights please let me know.

Start by validating both your CSS and your HTML; there are a number of errors in them (no such thing as an "align" property, and what's "vertical-algin"?!!). Also, get rid of all the deprecated body attributes and use CSS exclusively.

By the way: what browsers did you use (which versions)? It's almost certainly a matter of browser differences, the platform has little to do with it.

thanks, i'll look into it. sorry i just started with style sheets, and am still learning. i know they're depriciated, but i just wanted to see if that was it. and yea, my main problem is spelling errors, its always something i over look :-P.