작은 크로스 브라우저 호환성 CSS 문제

Question

어떤 것이 도움이되지 않습니다 나에게 "연결"영역은 다른 사람의 의도와 같이이 크로스 브라우저 CSS 문제

파이어 폭스에서

http://bit.ly/HC1c2u

를 식별하는 데 도움이 할 일

영향을 HTML

<div style="font-size:14px; width:1000px;" id="yjsg3"> 
    <div style="width:100%;" class="yjsgxhtml" id="user1"> 
    <div class="yjsquare"> 
<div class="yjsquare_in"><div class="on-youevents ltr" id="community-wrap"><!-- js_top --> <!-- begin: #cFrontpageWrapper --> 
<div id="cFrontpageWrapper"> 
<div class="greybox"> 
<div> 
<div> 
<div class="cFrontpageSignup"><!-- Start the Intro text --> 
<div class="cFrontPageLeft"> 
<div class="introduction"> 
<h1>Get Connected!</h1> 
<ul id="featurelist"> 
<li>Connect and expand your network</li> 
<li>View profiles and add new friends</li> 
<li>Share your photos and videos</li> 
<li>Create your own group or join others</li> 
</ul> 
<div class="joinbutton"><a title="JOIN US NOW, IT'S FREE!" href="/rhythm365/social/register.html" id="joinButton"> JOIN US NOW, IT'S FREE! </a></div> 
</div> 
</div> 
<!-- End Intro text --> <!-- Start the Login Form --> 
<div class="cFrontPageRight"> 
<div class="loginform"><form name="login" method="post" action="/rhythm365/social.html" id="form-login"> 
<h2>Members Login</h2> 
<label> Username<br> <input type="text" name="username" class="inputbox frontlogin" id="username"> </label> <label> Password<br> <input type="password" name="password" class="inputbox frontlogin" id="password"> </label> <label for="remember"> <input type="checkbox" alt="Remember me" value="yes" name="remember" id="remember"> Remember me  </label> 
<div style="text-align: center; padding: 10px 0 5px;"><input type="submit" value="Login" name="submit" class="button" id="submit"> <input type="hidden" value="com_users" name="option"> <input type="hidden" value="user.login" name="task"> <input type="hidden" value="L3JoeXRobTM2NS9zb2NpYWwvcHJvZmlsZS5odG1s" name="return"> <input type="hidden" value="1" name="b8f1cd79c6f1e95ecd9c177eec53d705"></div> 
<span> <a href="/rhythm365/component/users/?view=reset" class="login-forgot-password">   <span>Forgot your Password?</span></a><br> <a href="/rhythm365/component/users/?view=remind" class="login-forgot-username"><span>Forgot your Username?</span></a> </span>  <br> <a href="/rhythm365/social/register/activation.html" class="login-forgot-username">  <span>Resend activation code?</span> </a></form></div> 
</div> 
<!-- End the Login form --> 
<div class="jsClr">&nbsp;</div> 
</div> 
</div> 
</div> 
</div> 
</div> 
</div></div> 
</div> 

</div> 
</div> 

Answer 1

'/ templates/youevents 파일의 가져 오기 규칙 이후에 세미콜론이 누락되었습니다. /css/custom.css '

Answer 2

이 때문에 당신의 reset.css입니다에게 감사합니다, 당신은 글꼴 가족이 : 상속;

나는 웹 개발을위한 매우 중요한 도구입니다

당신은 아마이 모든 덩어리

방화범을 삭제할 수} ...

#community-wrap h1, #community-wrap h2, #community-wrap h3, #community-wrap h4, #community-wrap h5, #community-wrap h6 { 
border: 0 none; 
font-family: inherit; 
font-size: 100%; 
font-style: inherit; 
font-weight: inherit; 
margin: 0; 
outline: 0 none; 
padding: 0; 
vertical-align: baseline; 

이것을 삭제하고 당신이 가서 잘되어야합니다 firefox에 추가하면 더 빨리 디버깅 할 수 있습니다.