Buggy boxes

I'm trying to make bordered boxes using CSS and I can get the left, bottom, right, and corner graphics to appear, but I'm having problems getting the top border graphic to appear. The graphic image's uploaded and the url path is correct, but the image won't appear.

My CSS :
div.uborder {background-image:url(/hm1/img/uborder.gif); background-color:#DDB961; background-repeat:repeat-y; width:650px;}
div.rborder {background-image:url(/hm1/img/rborder.gif); background-position:top right; background-repeat:repeat-y;}
div.bborder {background-image:url(/hm1/img/bborder.gif);background-position:bottom left; background-repeat:repeat-x;}
div.lborder {background-image:url(/hm1/img/lborder.gif); background-repeat:repeat-y;}
div.ulcorner {background-image:url(/hm1/img/cborder.gif); background-position:top left; background-repeat:no-repeat;}
div.urcorner {background-image:url(/hm1/img/cborder.gif); background-position:top right; background-repeat:no-repeat;}
div.blcorner {background-image:url(/hm1/img/cborder.gif); background-position:bottom left; background-repeat:no-repeat;}
div.brcorner {background-image:url(/hm1/img/cborder.gif); background-position:bottom right; background-repeat:no-repeat;}
div.content {width:100%; padding:10px 14px; font-family:verdana, arial; font-size:10px;}

My test page:
http://www.fogu.com/hm1/index.htm

Any ideas?


- C

div.uborder { ... background-repeat:repeat-y; ... }

Should be: repeat-x;

my god I am such a moron :o duuur de duuuuur...


- C