How to move an image up in a div?
<p>I have a semi complicated website, and tucked inside a bunch of <code>&lt;div&gt;</code> is an image, I need that image to be moved up x number of pixels.  I have the overflow hidden, so that it will cut the image off at the bottom (as expected) but I can't get the image to move where I want it to with the width maintaining 100%, and the image coming from the bottom</p>

<p>Here is a <a href="https://jsfiddle.net/morty346/d3y4wpbt/1/" rel="nofollow noreferrer">jsfiddle</a> of the code</p>

<pre><code>#DIV_8 {
    cursor: pointer;
    border-style: solid;
    border-width: 1px;
    height: 200px;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 10px;
    width: 300px;

    overflow: hidden;
}

#DIV_9 {
    max-height: 250px;
    width: 100%;
    height: auto;
    display: inline-block;
    vertical-align: bottom;
    max-width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
</code></pre>