I am getting the following when I inspect an anchor element (Computed Style)

![Computed Style in Chrome Browser](https://i.stack.imgur.com/vTxqP.png)

Most of the posts I have seen on the internet (like [this](https://stackoverflow.com/questions/9308234/user-agent-stylesheet-overriding-my-table-style-twitter-bootstrap)) point to incorrect Doctype. To be sure I validated both my HTML5 and CSS3 codes using w3 validators. But no joy

Can some one please explain me why user agent stylesheet is overwriting the site stylesheets ?

My source code is

```
<!DOCTYPE html>
<html>
<meta charset="utf-8">
<link href="/css/basic.css" rel="stylesheet">
<title>Test</title>
</head>
<body>
<footer>
<ul class="foot-link-ul">
    <li class="foot-link-box-li"><a href="/compare-plans">Compare Plans</a></li>
</ul>
</footer>
</body>
</html>

```

And the CSS

```
footer {
    width: 986px;
    margin: 0px auto;
    padding: 50px 7px 5px 7px;
    font: 13px Arial, Helvetica, sans-serif;
    overflow: auto;
    color: #FFF;
}

```