Howdy all nice to be back.
It's probably super obvious and am staring at it, i thought i had gotten this too work before as well. But...
I want my background image, a png w/a partial transparency to show the gradient beneath.
wich is not happening.
Nope the page is not yet live. will try to put up by tonight. But was hoping this was super simple...

Code:
html{
background: #7db9e8; /* Old browsers */
background: -moz-linear-gradient(left, #7db9e8 0%, #0b193a 39%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#7db9e8), color-stop(39%,#0b193a)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, #7db9e8 0%,#0b193a 39%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, #7db9e8 0%,#0b193a 39%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, #7db9e8 0%,#0b193a 39%); /* IE10+ */
background: linear-gradient(to right, #7db9e8 0%,#0b193a 39%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7db9e8', endColorstr='#0b193a',GradientType=1 ); /* IE6-9 */
}

body{
margin:0px;
padding:0px;
background-image:url('imgs/engineeringLgBGround.png');
background-repeat:no-repeat;
background-repeat:no-repeat 0 0;
background-position:top left; 
}

<!-- also tried to put it in the wrap -->

#wrap{
//min-height:1200px;
background-image:url('imgs/engineeringLgBGround.png');
background-repeat:no-repeat;
background-repeat:no-repeat 0 0;
background-position:top left; 

}
Advice on how to make this work please?