I\'m not looking for a inventive solution on the images, I\'ve read plenty of content about loading images etc.
I\'m just doing some basic responsive design and want
In your CSS You are using media query for a max-width of 420px which is a mobile view. Have you tried to resize your browser at a very low level? @media (max-width: 420px){ #header #nav #search img,#header #nav #account img,#header #nav #menu img { width:50%;
} http://codepen.io/anon/pen/kchqg
Apply max-width
to your images.
img {
max-width: 100%;
}
http://jsfiddle.net/VBHhD/
I would also use an unordered list for navigation, but that's just me.