Where Did The Picture Go?

[cjy8s@yahoo.com]

This white space is hiding my image and I dont know why! there is ample space for the image to exist in the div. Here is the CSS:

#guitar {position: relative;transform: rotate(30deg);-ms-transform: rotate(30deg); /* IE 9 */-webkit-transform: rotate(30deg); /* Safari and Chrome */-o-transform: rotate(30deg); /* Opera */-moz-transform: rotate(30deg); /* Firefox */padding: 5px;border: 1px solid gray;background-color: #ffffff;width: 180px;height: 290px;}

and here is the HTML

<div id="guitar"><img src="Index_files/Images/Collage Photos/About Me/guitar1.png"/></div>

i think im either missing something, or there is something mundane that i over looked. With this code, everything but the image shows up. thanks guys!

[cjy8s@yahoo.com]

I figured i could also do the same with <span> if i added "display: block;" but it still does not call up the image

[Don E]

Double check and make sure the path to the image is correct.

[cjy8s@yahoo.com]

Yes the image path is correct, it calls the image if i take the width and height out, but if i do that then the padding and border grow to about the width of the screen (height stays the same). This makes no sense to me, why would the width and height cause the image to not be called if there is room for the image?

[cjy8s@yahoo.com]

I dont know how i did it, but i think i got it thanks