image behind(outline) body

What do you mean by outlines the body. Do you have a picture showing the desired end result. Also to remove the image when the browser re-sizes you would need to use media queries and display: none on that element at the relevant sizes.

I'm not aware how I can post an image here. If you know how please share. I have included an image on the style sheet under the html element.

html { background: #92520a url('../img/leatherimagelogo.jpg') repeat; max-width: 100%; }

And then I have set up the margins and padding of the body to shrink in so that the image can be seen all around the outside of the body.

body { font-family: 'Oswald', Arial, Helvetica, sans-serif; background: #E3DEC1; margin: 5em 11em 3em 11em; border: 3px solid #B94629; border-radius: 10px; box-shadow: 0 0 10px 10px; }

I am familiar with the media queries but I'm not always sure how to set them up with the correct attributes and symbols .#

I need to figure out a way to target the image in the html and remove it when the browser reduces.

Not sure about up loading image here could use jsfiddle and add the code and post the link. As for media queries give your image in the html an id say #bg, then at then bottom of the css file add say. @media screen and (max-height=600px){ #bg { display: none; } } or then you can change the screen size to where ever it begins to break.

ok. thanks.