HTML5 Pictures turning sideways/upside-down

Hello,
I'm currently working on a website for my girlfriend to ask her to prom and I really need some help. I'm just taking a high school class on Web Design so I'm not the smartest when it comes to this. I did all of the coding to have the pictures in the website correctly I believe, but all of them are sideways, and one of them is upside-down. Any help or suggestions is greatly appreciated. If you need the code, just ask.

Are you sure they are upside down and thats not just their original orientation?

You can roate them using CSS

-moz-transform: rotate(90deg); 
-webkit-transform: rotate(90deg);

I assume you dont need to bother with IE.

Well, In my computer, the pictures are in the right direction. I just don't know what's going on.

I also tried that code that you told me to use and nothing happened. I'm not sure if I did it right.

Here is what it looks like:


s

You have it commented so none of that should do anything, should fix that first.

Have a look at this http://www.tagindex.net/css/img/float.html it gives a good example of how to set css for specific things and see how that goes. If it still doesnt work, post more code so we can have a look at the affected bits.

How can the pictures be somehow rotated like that? Are you sure the image files themselves have proper rotation?