|There must be some application on your server that is adjusting the way photos are displayed then. I tried rotating it -90* using CSS, but that cropped the top and left of the image, even after removing the defined width and height measurements.|
For a functional, but personally unsatisfying workaround, apply these styles to that Div:
transform: rotate(-90deg); -ms-transform:rotate(-90deg); -webkit-transform:rotate(-90deg); margin: 925px 0px 0px 275px;
If you're positive the image you actually uploaded to the server is in portrait layout and there is nothing in your pretty bare HTML/CSS that would make this adjustment, my guess is that it's something set on the server itself like some photo gallery application that adjusts photos on your site automatically. Please contact your web host for help on finding the problem unless someone else here comes up with a real solution.
Reference: His old thread on this problem:
Apologies if I don't respond to your reply immediately. I don't check this site daily, but you're welcome to PM me as a reminder.