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; 
} 

Answer 2

등 CSS를

에 #sitecontent에 overflow:hidden에 추가합니다.

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

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