I'm a beginner in html/css and I'm manipulating html pages already created by someone else at work.I can't get my background image to stick to the top of the window.I've tried a few things with background, background-image, position and color but nothing works.I've set 'background-color: white;' to try and solve my problem but in this case I've got another problem... The blue of the image used as a background doesn't go all the way to the bottom and I end up with a white background that I don't want.
With white background :
What it looks like with 'background-color: #1f5a86;':
My background-image :
Here are my css lines for the body :
body { font-family: Arial, Helvetica, sans-serif; margin: 0px; background-image: url("https://i.sstatic.net/7oF46gQe.png"); background-repeat: no-repeat; background-position: top; background-color: white;}<!DOCTYPE html><html><head><meta http-equiv="content-type" content="text/html; charset=UTF-8"><title>Blabla</title><link href="Style_blabla.css" rel="stylesheet" media="all" type="text/css"><script type="text/javascript"> function MM_preloadImages() { //v3.0 var d = document; if (d.images) { if (!d.MM_p) d.MM_p = new Array(); var i, j = d.MM_p.length, a = MM_preloadImages.arguments; for (i = 0; i < a.length; i++) if (a[i].indexOf("#") != 0) { d.MM_p[j] = new Image; d.MM_p[j++].src = a[i]; } } }</script><link type="text/css" rel="stylesheet" href="file:///directory/Style_blabla.css"><link type="text/css" rel="stylesheet" href="file:///directory/SpryCollapsiblePanel.css"><link type="text/css" rel="stylesheet" href="SpryAssets/SpryCollapsiblePanel.css"><link type="text/css" rel="stylesheet" href="Liste_deroulante.css" title="Liste_deroulante"></head><body><div class="difusion" style="position: static; width: 220px;"><b>DIFUSION</b></div><table class="tableauTitre" style="width: 1128px; height: 138px;" cellspacing="0" cellpadding="0" border="0"><tbody id="2" class="Tbleau_onglet"><tr><td width="200"><br></td><td width="650"><a href="BlablaTheme.html"><strong></strong></a><strong><a name="haut"></a></strong><a href="Blabla_Accueil.html"><img style="border: 0px solid ; width: 810px; height: 120px;" src="Titre_03.png"></a></td></tr></tbody></table><nav><ul><li class="Deroulant"><a href="#">Accueil </a><ul class="sous"><li><a href="#">Thèmes</a></li><li><a href="#">Domaines</a></li><li><a href="#">Liste</a></li></ul></li><li class="NonDeroulant"><a href="#">Institut </a> </li><li><a href="#">Catalogues</a></li><li><a href="#" width:="130%">Diffusion</a></li><li><a href="#">Contacts</a></li><li><a href="#">Glossaire</a></li></ul></nav></body></html>Thank you for your help.