как менять логотип под размер экрана.

Делаю конкурсную работу, все размеры на сайте стараюсь делать в % отношении к полному экрану. Но немогу нормально сделать логотип вверху, на разных экранах он косит, то большой, то маленький.

На сайте у себя ставил для разных экранов разные css таким скриптом:

<script language=JavaScript>

if (screen.width == 1024) {document.write ('<LINK href="/templates/neoks_varez1/css/1024.css" rel="stylesheet" type="text/css">')}

    else {if (screen.width == 1280) {document.write ('<LINK href="/templates/neoks_varez1/css/1280.css" rel="stylesheet" type="text/css">')}

      else {document.write ('<LINK href="/templates/neoks_varez1/css/N.css" rel="stylesheet" type="text/css">')

      }

    }

</script>

Приклеять такой код я немогу, он занимает много места на разные css, а место ограниченое 1 метр. Посоветуйте как регулировать логотип, что бы он всегда был в точность.