outdated browsers

by Imri Paloja

HTML

<link rel="stylesheet" href="http://www.eurobytes.nl/css/framework.css">
<ul id="outdated">
  <li>
    <a href="http://mozilla.org/firefox" title="Mozilla Firefox">
      <img src="http://upload.wikimedia.org/wikipedia/commons/f/ff/Mozilla_Firefox_logo_2013.png" style="width:45px;" alt="firefox"><br>
      Mozilla Firefox</a><br>

      <p class="description"> One of the Most widely used open-source web-browser, easily expandable and adjusted as needed.</p>
      
      <div class="company" style="width:175px;">
        Mozilla <a href="https://www.mozilla.org/" title="Mozilla foundation">Foundation</a>/<a href="http://www.mozilla.com/" title="Mozilla Corporation">Corporation</a>
        <a href="http://www.mozilla.org/credits/" title="Mozilla Contributors">and contributors</a>

        <p><small>Developer(s)</small></p></div>
    </li>

  <li>
    <a href="http://www.google.com/chrome" title="Google Chrome">
      <img src="http://upload.wikimedia.org/wikipedia/commons/8/87/Google_Chrome_icon_%282011%29.png" style="width:45px;" alt="Chrome"><br>
      Google Chrome</a><br>

      <p class="description">Google's browser with intuitive interface. Automatically always up-to-date!</p>

      <div class="company"><a href="https://www.google.nl/" title="Goolge">Google inc.</a><br><p><small>Developer(s)</small></p></div>
    </li>

  <li>
    <a href="http://www.opera.com/" title="Opera">
      <img style="width:45px;" src="http://upload.wikimedia.org/wikipedia/commons/d/d4/Opera_browser_logo_2013.png" alt="opera"><br>
      Opera</a><br>

      <p class="description">Browser with many advanced features, free alternative</p>

      <div class="company"><a href="http://www.opera.com/" title="Opera">Opera Software</a><br><p><small>Developer(s)</small></p></div>
    </li>
</ul>

CSS

#outdated {
    background-color: #EEEEEE;
    border-bottom: 1px solid #CCCCCC;
    height: auto;
    list-style-type: none;
    padding-bottom: 15px;
    padding-left: 15px;
    margin-left: -10px;
    padding-top: 25px;
    margin-top: -20px;
    position: fixed;
    width: 100%;
}

#outdated li {
    background-color: #F9F9F9;
    border: 1px solid #CCCCCC;
    float: left;
    font-size: 12px;
    height: 124px;
    margin: 0 10px;
    margin-bottom: 10px;
    padding-left: 15px;
    padding-top: 5px;
    width: 250px;
}

#outdated li {
  margin-left: 15%;
}
#outdated li .description {
  margin: 7px 0px 16px -10px;
  text-shadow:  0 0px 0px rgba(0, 0, 0, 0.8);
}

#outdated li a {
  color: brown;
  text-decoration: none;
}

#outdated li a:hover {
  text-decoration: underline;
  
}

#outdated li a img {
  border: 0px;
}

.company {
    float: right;
    margin-left: 10px;
    margin-top: -115px;
    text-align: center;
    width: 100px;
}

.company p {
  margin-bottom: 0px;
  margin-top: 0px;
  text-align: center;
  border-top: 1px solid #CCCCCC;
}