Sou novo na parte de front-end de desenvolvimento web e tenho a seguinte duvida: Quero colocar uma imagem em cima do menu horizontal drop-down, porém qual o tamanho que essa imagem tem que ter? Meu notebook possui 1366px de largura, se eu colocar esse tamanho fica perfeito, porém se uma pessoa usar um monitor 1920x1080, já vai ficar totalmente estranho, pois os valores não coincidem, ai qual tamanho eu devo por? Devo colocar width: 100%? Mas minha imagem não é de se repetir, é uma imagem inteira, como se fosse uma foto, como funciona nesses casos? Obrigado!
Pelo que entendi você está querendo usar uma imagem de fundo certo?
Para isso, você pode usar as propriedades do CSS background-*, especialmente a background-size e background-repeat. Brinque com os valores delas para ver o comportamento, mas acredito que o que mais se aproxima do que você quer seria isso:
background-image: url(http://lorempixel.com/800/400/);
background-repeat: no-repeat;
background-size: cover;
Para mais detalhes, veja http://www.w3schools.com/css/css_background.asp