Place an image above a navigation bar

The image is placed beside the navigation bar to the left, not above the navigation bar.

I have tried all other answers on this site

  .topnav {
    overflow: hidden;
    background-color: #00003f;
}
.topnav a {
    float: left;
    font-size: 1em;
    color: #fff;
    font-weight: bold;
    text-align: center;
    padding: 14px;
    text-decoration: underline;
}
.topnav a:hover, .dropbtn, .dropdown:hover {
    background-color: #3f61a1;
    text-decoration: underline;
}
.topnav a.active {
    background-color: #3f61a1;
    color: #fff;
}

<img src="images/ERAU_WW_0809.png" alt="Flying Fixed Wing drone" style="display: block; float: left; padding-right: 10px; padding-bottom: 10px"; width="400" title="Flying Fixed Wing drone"/>
    <nav class="topnav">
        <a class="active" href="index.html" title="x"> Computer Information &amp; Download Versions </a>
        <a href="FAQ's.html" title="x"> FAQ </a>
        <a href="faq.html" title="x"> Hub Resources</a>
        <a href="table.html" title="x"> Technical Assistance &amp; Contact Information</a>
    </nav>

I want the image to be placed above the navigation bar, not beside it.