I am clearly missing something simple. I have an otherwise responsive image in the header (a big, wide image). I want to offset the image by some amount, say 50px, from the left. When I do that, the image itself starts getting cut off as the browser is resized. Help is very much appreciated.
HTML:
<header>
<img id="header-huge" alt="actual alt" src="images/header/header-huge.png">
</header>
CSS:
#header-huge {
max-width: 100%;
height: auto;
margin-left: 50px; /* <-- This left indent causes issues. */
}