title: Why links don't work in jsp when added tabs css?
body: <p>I have added some css to implement tabs in my jsp page (with using spring mvc).
  It has to work just in Chrome, it is not important to customise to other browsers</p>
  
  <p>Here is my css :</p>
  
  <pre><code>.w3c {
      min-height: 450px;
      position: relative;
      width: 100%;
  }
  .w3c &gt; div { display: inline; }
  .w3c &gt; div &gt; a { margin-left: -1px; position: relative; left: 1px; text-decoration: none; color: black; background: transparent; display: block; float: left; padding: 5px 10px; border: 1px solid #ccc; border-bottom: 1px solid white; }
  .w3c &gt; div:not(:target) &gt; a { border-bottom: 0; background: -moz-linear-gradient(top, #ffffff, #eee); }
  .w3c &gt; div:target &gt; a { background: #ffffff; }
  .w3c &gt; div &gt; div { background: #ffffff; z-index: -2; left: 0; top: 30px; bottom: 0; right: 0; padding: 20px; border: 1px solid #ccc; }
  .w3c &gt; div:not(:target) &gt; div { position: absolute }
  .w3c &gt; div:target &gt; div { position: absolute; z-index: -1; }
  </code></pre>
  
  <p>And part of jsp page</p>
  
  <pre><code>   &lt;div style="width: 90%; float: left;"&gt;
          &lt;div class="w3c"&gt;
              &lt;div id="tab1"&gt;
                  &lt;a href="#tab1"&gt;Список предметів&lt;/a&gt;
  
                  &lt;div&gt;
                      &lt;c:if test="${not empty foundData.subjects}"&gt;
                      &lt;form&gt;
                          &lt;c:forEach items="${foundData.subjects}" var="subject"&gt;
                              &lt;c:url value="/profileSubject.do" var="profileUrl"&gt;
                                  &lt;c:param name="selectedSubject" value="${subject.idSubject}"/&gt;
                              &lt;/c:url&gt;
                              &lt;a name="selected" href="${profileUrl}"/&gt;&lt;c:out value="${subject.nameSubject}"/&gt;&lt;/a&gt; &lt;/br&gt;
                          &lt;/c:forEach&gt;
                      &lt;/form&gt;
                      &lt;/c:if&gt;
  
                      &lt;c:if test="${empty foundData.subjects}"&gt;
                          &lt;c:out value="Немає даних про предмети"/&gt;
                      &lt;/c:if&gt;
  
                      &lt;form action="/timetable/profileSubject.do" method="get"&gt;
                          &lt;input type="submit" value="Додати"/&gt;
                      &lt;/form&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
  
              &lt;%--Group--%&gt;
              &lt;div id="tab2"&gt;
                  &lt;a href="#tab2"&gt;Список груп&lt;/a&gt;
  
                  &lt;div&gt;... and so on
  </code></pre>
  
  <p>Without styles all links and buttons work properly, but when I add css styles - everything doesn't work.</p>
  
  <p>Please, help me to find solution to this problem</p>