Esta es mi primera página web, por lo tanto habrá fallos en la estructura del código. He creado un `button`, le he aplicado CSS en una stylesheet para la posición, pero en ninguna página es la posición del botón igual. 
Cómo puedo solucionar esto?

Aquí os dejo el CSS y HTML (lo que falla es el `dropdown-button`, la posición es distinta en estas dos páginas, pero el CSS es el mismo):
<!-- begin snippet: js hide: false console: true babel: false -->
<!-- language: lang-html -->

    <!DOCTYPE html>
    <html>

    <head>
    <title>HomePage</title>
    <link rel="stylesheet" type="text/css" href="Opmaak.css">
    <link rel="shortcut icon" href="logo.ico">
    </head>

    <body>

    <h1>WELKOM OP MIJN SITE!</h1>

    <div class="nav">
    <div class="body">
    <hr>
    <div class="warning">
    	<img src="warning_icon.png" alt="warning icon" style="width:40px;height:40px;border:0px;">
    </div>

    <i>Deze website is een test voor informatica.</i>

    <p style="text-align:left;margin-left:14%;margin-right:5%;">Hey, welkom op mijn site. Dit is een test site, dus het is niet definitief. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.<br>
    	Maecenas porttitor congue massa. Fusce posuere, magna sed pulvinar ultricies, purus lectus malesuada libero,
    	sit amet commodo magna eros quis urna.
    	
        Nunc viverra imperdiet enim. Fusce est. Vivamus a tellus.
        Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. 
    	Proin pharetra nonummy pede. Mauris et orci.
    </p> 
    </div>

    <hr>

    <ul>
      <li><a class="active" href="index.html">Home</a></li>
      <li><a href="contact.html">Contact</a></li>
      <li class="aboutme"><a href="aboutme.html">About</a></li>
      <li><a class="games" href="games.html">Games</a></li>
    </ul>




    <div class="dropdown">
      <button class="dropbtn">Multimedia</button>
      <div class="dropdown-content">
        <a href="mp4.html">MP4</a>
        <a href="png.html">PNG</a>
        <a href="gif.html">GIF</a>
      </div>
    </div>
      
    </div>



    </body>
    </html>


<!-- end snippet -->

 

<!-- language: lang-html -->

    <!DOCTYPE html>
    <html>
    <head>
    <title>Contact</title>
    <link rel="shortcut icon" href="logo.ico">
    <link rel="stylesheet" type="text/css" href="Opmaak.css">
    </head>
    <body>

    <h1>CONTACT</h1>
    <div class="nav">

    <hr>

    <div class="body">
    	<p>Hieronder zie je een aantal mogelijkheden van hoe u mij kan bereiken: </p>
    	<p>Email : [email protected]</p>
    	<p>Mobiele nummer : +31689675394</p> 
    	<p>Twitter : @RandomName</p>
    </div>

    <hr>

    <div class="dancingman">
     <img src="dancingman.gif-c200" alt="dancingman" style="width:200px;height:200px;border:0px;">
    </div>

    <ul>
      <li><a href="index.html">Home</a></li>
      <li><a class="active" href="contact.html">Contact</a></li>
      <li class="aboutme"><a href="aboutme.html">About</a></li>
      <li><a class="games" href="games.html">Games</a></li>
    </ul>


    <div class="dropdown">
      <button class="dropbtn">Multimedia</button>
      <div class="dropdown-content">
        <a href="mp4.html">MP4</a>
        <a href="png.html">PNG</a>
        <a href="gif.html">GIF</a>
      </div>
    </div>
    </div>



    </body>
    </html>


<!-- end snippet -->

<!-- begin snippet: js hide: false console: true babel: false -->

<!-- language: lang-css -->

    .dropbtn {
        background: #e0e0e0 url('dropdown_icon.png') no-repeat 0;
        background-size: 25px 25px;
    	background-position:96% 65%;
        color: black;
        padding: 16px 25px;
        font-size: 30px;
        border: none;
        outline: none;
        cursor: pointer;
        font-family: Times New Roman;
    	position:fixed;
    	left: 1px;
    	top:148px;
    	width: 210px;
    	height: 55px;
    	z-index:0;
    }


    .dropdown {
        position: relative;
        display: inline-block;
    }


    .dropdown-content {
        display: none;
        position: absolute;
        background-color: #f9f9f9;
        width: 90px;
        box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.4);
    	bottom:20px;
    	right:439px;
    }


    .dropdown-content a {
        color: black;
        padding: 12px 16px;
        text-decoration: none;
        display: block;
    }


    .dropdown-content a:hover {background-color: #f1f1f1}


    .dropdown:hover .dropdown-content {
        display: block;
    }

    .dropdown:hover .dropbtn {
        background-color: #4dd6e2;
    }