If the photo is to go alongside the menu bar and nav and is never going to be any higher than the left side then you can just absolutely place it to the right and forget about it.
If however the photo is higher then the left side then it needs to be in the flow so you will have to float it so that it goes alongside and then clear it for following content. Remember that floats must come first in the html before the content they wrap around.
I notice you have made an error in your calculations and your menu should be 150px high and not 100px. Mozilla will crop the size to 100px whereas ie will let it expand.
Hope that helps. I'm assuming you didn't want code but just advice