I have a page I'm working on that's using Tree Menu Magic on the left side of the page with a fixed width in the css.
On the right side, directly next to the Menu, I'm using a scalable image.
The problem is I'm not sure what the setting should be. I want the image to be 100% in scale, and only scale down if the user scales down the window.
Right now I have:
.main-content {
float: left;
width: 80%;
but because of the float left, it tries to put itself under the menu instead of to the right of it.
What would be the best way to ensure the image in the main content area always stays to the right of the menu?