同一链接在不同位置

Question

  <style type="text/css">

    body {
      margin: 0;
      padding: 0;
    }

    a:link {
      text-decoration: none;
    }

    .first-section {
      height: 42px;
      margin: 2;
      font-size: 15px;
      font-family: Arial, Helvetica, sans-serif;
      font-weight: bold;
    }

    #bbc-logo {
      position: relative;
      left: 190px;
      top: 9px;
    }

    #signin {
      position: relative;
      color: blue;
      left: 235px;
      top: 2px;
      font-weight: bold;
      font-size: 13px;
    }

    #news {
      position: relative;
      left: 375px;
      top: 2px;
      color: #4B4B4B;
      font-weight: bold;
      font-size: 13px;
    }

    #sport {
      position: relative;
      left: 395px;
      top: 2px;
      color: #4B4B4B;
      font-weight: bold;
      font-size: 13px;
    }

    #weather {
      position: relative;
      left: 420px;
      top: 2px;
      color: #4B4B4B;
      font-weight: bold;
      font-size: 13px;
    }

    #iPlayer {
      position: relative;
      left: 440px;
      top: 2px;
      color: #4B4B4B;
      font-weight: bold;
      font-size: 13px;
    }

    #tv {
      position: relative;
      left: 460px;
      top: 2px;
      color: #4B4B4B;
      font-weight: bold;
      font-size: 13px;
    }

    #radio {
      position: relative;
      left: 480px;
      top: 2px;
      color: #4B4B4B;
      font-weight: bold;
      font-size: 13px;
    }

    #more {
      position: relative;
      left: 500px;
      top: 2px;
      color: #4B4B4B;
      margin: 2px;
      font-weight: bold;
      font-size: 13px;
    }

    #search-bar {
      position: relative;
      left: 550px;
      top: 2px;
      border: 0;
      height: 20px;
      width: 200px;
      background-color: #E4E4E4;
    }

    #search-sign{
      position: relative;
      left:520px;
      top: 8px;
    }

   

   

  <div class="first-section">
    <a id="bbc-logo" href="http://www.bbc.co.uk/"><img src="bbc-blocks-dark.png" width="82" height="24" alt="BBC" /></a>
    <a href="http://ssl.bbc.co.uk/id/signin?ptrt=http%3A%2F%2Fwww.bbc.co.uk%2Fnews%2Ftechnology"><span id="signin">Sign in</span></a>
    <a href="http://www.bbc.co.uk/news/"><span id="news">News</span></a>
    <a href="http://www.bbc.co.uk/sport/"><span id="sport">Sport</span></a>
    <a href="http://www.bbc.co.uk/weather/"><span id="weather">Weather</span></a>
    <a href="http://www.bbc.co.uk/iplayer/"><span id="iPlayer">iPlayer</span></a>
    <a href="http://www.bbc.co.uk/tv/"><span id="tv">TV</span></a>
    <a href="http://www.bbc.co.uk/radio/"><span id="radio">Radio</span></a>
    <a href="http://www.bbc.co.uk/news/technology#orb-footer"><span id="more">More</span></a>
    <input id="search-bar" type="text" placeholder="Search" />
    <a id="search-sign" href="https://www.bbc.co.uk/search?q="><img src="search-sign.png"</a>
  </div>

我正在尝试克隆BBC的网站进行练习，但是某些链接似乎不正确。将鼠标悬停在页面上时，我偶然发现了它们。链接的位置上没有文字。There are two links on the left side of bbc logo in the first section: Sign in and news. They are also present on the left side. 我该怎么办？

对不起，我的英语。