title: I having problem with section ID. I need to jump(scroll) to 'ABOUT US' section. But it keep take to the home section
body: <p>Here's is my HTML code</p>
  <pre><code>&lt;div class=&quot;bg&quot;&gt;
      &lt;div class=&quot;banner&quot;&gt;
      &lt;img src=&quot;logo.png&quot; alt=&quot;Logo UMS&quot;&gt;&lt;p&gt;&lt;a class=&quot;eng&quot;href=&quot;#&quot; &gt;ENG | &lt;/a&gt;&lt;a class=&quot;bm&quot;href=&quot;#&quot; &gt;BM&lt;/a&gt;&lt;/p&gt;
      &lt;/div&gt;
      &lt;div class=&quot;homeabout&quot;&gt;
      &lt;nav style=&quot;list-style-type:none;&quot;&gt;
      &lt;li&gt;&lt;a class=&quot;homestyle&quot;href=&quot;#&quot; &gt;HOME &lt;/a&gt;&lt;/li&gt; 
      &lt;li&gt;&lt;a href=&quot;#aboutus&quot; class=&quot;aboutstyle&quot; &gt; ABOUT US&lt;/a&gt;&lt;/li&gt; 
      &lt;li&gt; &lt;a class=&quot;servicesstyle&quot; href=&quot;#&quot;&gt;SERVICES&lt;/a&gt;&lt;/li&gt; 
      &lt;li&gt; &lt;a class=&quot;staffstyle&quot; href=&quot;#&quot;&gt;STAFF&lt;/a&gt;&lt;/li&gt; 
      &lt;/nav&gt;
      &lt;/div&gt;
      &lt;div class=&quot;title&quot;&gt;
      &lt;p class=&quot;wlcome&quot;&gt; WELCOME TO &lt;/p&gt; 
   &lt;/div&gt;
   &lt;div &gt;
      &lt;a href=&quot;#&quot; class=&quot;btnctc&quot; &gt;Contact Us&lt;/a&gt;
      &lt;/div&gt;
      &lt;/div&gt;
      &lt;section id=&quot;aboutus&quot;&gt;
      &lt;div class=&quot;bg2&quot;&gt; 
      &lt;div class=&quot;homeabout_2&quot;&gt;
      &lt;ul style=&quot;list-style-type:none;&quot;&gt;&lt;li&gt;&lt;a class=&quot;homestyle2&quot;href=&quot;#&quot; &gt;HOME &lt;/a&gt;&lt;/li&gt; 
      &lt;/ul&gt;
      &lt;/div&gt;
      &lt;/section&gt;
      &lt;/div&gt; 
  </code></pre>
  <p>And also here the CSS. I'm don't know what I'm doing. I'm maybe have problem with the CSS. This code is for Home Page.</p>
  <pre><code>.bg
  {
  position: absolute;
  width: 1440px;
  height: 1024px;
  left: 0px;
  top: 0px;       
  background: url(bg.jpg);
          
  }
  .banner
  {
  position: absolute;
  width: 1443px;
  height: 148px;
  left: -3px;
  top: 62px;
  background: #FFFFFF;
  box-shadow: 0px 4px 14px 9px rgba(0, 0, 0, 0.2);
  }
  </code></pre>
  <p>And this CSS code is for the 'ABOUT US' page that I want to jump to.</p>
  <pre><code>.bg2
  {
  position: absolute;
  width: 1440px;
  height: 2024px;
  left: 0px;
  top: 2024px;
  background: url(bg2.png);
  }
  </code></pre>
  <p>I'm hoping someone can help me. Thank you</p>