Horizontal menu with problem of styling the index to the left

satirat / 2013-01-20 19:18:00   

I've tried my design on MAMP with the horizontal menu floating on the left like this in my style.css, it works all fine in safari, firefox, and chrome.

/* styling the index */
#index ul { list-style: none; margin: -8px 0 0 30px; display: inline-block; float: left 40px; font-size: 13px; z-index: 9999;}

But when I moved it online, all exactly the same code, it works as designed just only on firefox, not safari and chrome.

Anything, any bug, or do I simply forget something essential again? Please.
Thank you very much for all your helps in advance and here's my website you can look at satiratdamampai.com

satirat / 2013-01-20 19:27:06   

I mean, as you could see, it's further than 40px...

This thread has been closed, thank you.