Opera 12.02 中的 CSS 填充/边距问题？

Question

您好 StackOverflow 用户，

我正在为自己开发一个新的个人网站，并且发现 Opera 12.02（我在 Mac 上）非常棘手。出于某种原因，几乎所有东西的定位都完全关闭，除了它全部打包的容器。所以我猜这是一个填充/边距/行高问题。这是网站：http://www.tommaxwell.me。有人可以帮我吗？

CSS：

    body {
padding: 0 auto;
margin: 0 auto;


}

@-moz-document url-prefix() {
* { font-weight: 100; }
h1, h2 
}



#sitecontent {
display: block;
width: 780px;
padding-top: 150px;
margin: 0 auto;
}


#sitecontent .leftsidebar {
float: left;
width: 150px;
}

#profilepic {
-moz-border-radius: 20px;
border-radius: 20px;
}
#sitecontent .leftsidebar ul {
position: relative;
top: -5px;
list-style-type: none;
font-family: 'Cantora One', sans-serif;

 }


#sitecontent a {
text-decoration: none;
color: #3f83ca;
}




#sitecontent .leftsidebar ul li{
margin-bottom: 2px;
}

#sitecontent a:hover {
opacity: 0.9;

}

#sitecontent .rightsidebar {
float: right;
width: 600px;

}

#sitecontent .rightsidebar > h1 {
font-size:60px;
color: #3f83ca;
line-height: 0;
font-family: 'Cantora One', sans-serif;

}

#sitecontent .rightsidebar > h2 {
line-height: 10px;
color: #38414f;
font-family: 'Cantora One', sans-serif;
}

#sitecontent .rightsidebar > p {
padding-top: 16px;
line-height: 20px;
font-family: 'Cantora One', sans-serif;



}

#secondparagraph {
opacity: 0.5;


}

#secondparagraph:hover {
color:#3f83ca;
opacity: 1.0;

}

#secondparagraph a {
text-decoration: none;
color: inherit;
}

Answer 1

在 #sitecontent 中添加到 overflow:hidden 在 css 中

像这样

#sitecontent{
overflow:hidden;
}

Answer 2

这行得通。

x:-o-prefocus, h1 {
padding-top: 22px;
}

x:-o-prefocus, h2 {
margin-top: -24px;
}