I'm working on rewriting some CSS and I want to be sure I'm doing it properly.

I need to position 2 images and 3 menus. There's a left menu, two top menus (a top nav and utility nav), and two images that are basically placed side by side. The way they are currently styled is through a table which we're trying to avoid.

I was going to use position:relative; but I did some quick research to see if this could cause problems later and apparently it can. So I'm wondering what the best way to do this is. I'm trying to write this code in a way that will cause minimal problems later.

If it matters any, we're using Joomla and since I don't fully understand how you theme in Joomla yet, I don't know if that changes anything or not.