I wrote this tutorial with myspace in mind, BUT it will work outside of myspace as well. This hack works on a similar principle as the *html IE hack. Until recently I didn't even bother with opera, but someone mentioned one of my layouts was a bit off in opera and I decided to research it.
Below is the css for a regular div:
.main{background-image: url("
http://www.somewebsite.com/someimage.gif"); background-position: top center; background-repeat: no-repeat;position:absolute; top:100px; left:50%; margin-left:-400px; width:800px; height:636px; background-color:303030; z-index:1;}
Now say the top position is off by 10 px. That's easy enough to fix use this:
@media all and (min-width:0px){div.main{top:110px;}}
and that's all. This hack can be applied to height width, position as well as a number of other things
