In response to the UL/LI concern here:
http://www.gofuckyourself.com/showthread.php?t=750133
6. Lists are not the same in IE/Firefox
* For this post, I'm using "UL" but this works the exact same for "OL" lists as well.
Lists are handled differently across multiple browsers even when you use the strict DOCTYPE. Why? I don't know. But IE tends to think it knows best about indenting and will try to do so no matter what.
The way around this is to force your list and your listed items to nothing... and then work from there.
For Example:
ul {
list-style: none;
margin: 0px;
padding: 0px;
}
li {
margin: 0px;
padding: 0px;
}
This will make everything line up along the left hand side, no indents, no spacing.... no bullet points. Nothing. And it will do it in every browser.
Now, there's no limit to where you can go from here. You can push things apart vertically, indent things... what ever you want. And your pixels will count the same in IE and in Firefox from here on out.
But my suggestion is this... if you want the list as a whole moved, use the margin in the ul style. Otherwise, don't touch.
You can handle most eveything you'll need to with the li styles. This will save you a lot of headaches later as you try to position things around your list.