z-index? Wrapping and positioning?

Question

http://twodayslate.com/test/test.php
You can probably get the idea of what I want to do by just looking at the site and the two images on the site. I am having a hard time positioning the logo and nav. (This is were z-index might come in hand?)

Don't worry about styling the nav I will do that later, more worried about the position.

After we do that I would like the text to wrap around the logo a bit. I am sure there is something online already that will help me with that.

Answer 1

99% of the time, z-index and absolute positioning are the wrong solution to a layout problem. I am not exactly sure what you are trying to accomplish... can you provide a JPG mock-up of what you want it to look like?

Answer 2

From what I can see, changing the z-index alone won't solve your problem. The logo will cover up the nav items if you bring it to the front, unless you move the nav text to the right a bit. If you do that, then bring the logo to the front, it should look better. Also, your z-index values are very high when they don't need to be. I have better results when I set the "back" image to 0 or -5 and then the "front" image to 5, then space any other items to 5 units apart. Only the items that are affected by the z-index should have that attribute.