html/CSS background image not working?

Ok, Im really confused why this wont work.

Here is my hierarchy

root

index.html
Css > default.css
images > all of my images

Here is my CSS

[CODE]/*RESET*/

html, body, div, span,
h1, h2, h3, h4, h5, h6, p,
a, em, font, img,
dl, dt, dd, ol, ul, li,
{
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}

/*Main Styles*/

html {
background: url(../images/bg.gif) repeat;
}[/CODE]

For some strnage reason the background doesn’t display at all.. IM confused.

I’m using the firebug plugin to edit it while in my browser, the image appaered for a short moment and then disappaered again.

Any ideas?

Thanks

Also in #CSS _↴