See Web Content Accessibility Guideline F3 [WCAG20] . Tip: Use 50% to create a half … and the view port >=960px the container DIVs are >=960px and all seems fine. Use a container element and add a background image to the container with height: 100%. You could fix your drop down by adding #nav ul {position:relative;} and #nav li ul {position:absolute;}. The following example shows a full-screen (and a half-screen) responsive background image: Demo - Full page background image. When hiking, is it harmful that I wear more layers of clothes and drink more water? A few of the trade offs when it comes to background images: 1. grainy vs. slow download 2. squished vs. … When to use IMG vs. CSS background-image? Span is an inline element. How do I combine a background-image and CSS3 gradient on the same element? The width of an element does not include padding, borders, or margins! Indent size: Key map: Font size: Behavior. Thank you, good sir. Images. Query to update one column of a table based on a column of a different table. your coworkers to find and share information. HOWEVER Where should I put