Remove white space and shrinking

Question

I'm new to coding and hope you guys can help me with this two problems

1. I've been trying to remove a huge white space that appeared in the bottom of my anchors, which I found out from where the problem originates and tried everything but the space only disappeared by removing those anchors (Right side - css: R-news)

2. It's been bugging me that every time I change the size of the window on my browser the website shrinks and I can't find the reason for it even though I don't have the "viewport meta tag" in html nor the @viewport in css, you'll notice the changes once you change the size of the window in fiddle

Q: Why does IE adds a white/black border to the images?

Thank you in advance

<div class="navbar">
    <ul>
        <li>
            <a href="#"><img src="Images/home.png" width="360" height="360" alt="home-icon" id="home"></a>
        </li>
        <li>
            <a href="#">1B</a>
        </li>
        <li>
            <a href="#">2B</a>
        </li>
        <li>
            <a href="#">3B</a>
        </li>
        <li>
            <a href="#">4B</a>
        </li>
        <li>
            <a href="#">5B
        </li>
    </ul>
</div> 

Fiddle

Answer 1

if you use HTML 5 you do not need to use

`<div>`

with HTML 5 try

    <nav class="somthing">

    <ul>
        <li>
            text
         </li>
    </ul>

   </nav>

it may help with the space problem you are having with IE, problem will still ha[en with IE 6 though ....