How can I set this image as both the left and right background image on my webpage? I want it to be displayed on both sides. Any suggestions on how to achieve this? Here is the code snippet I have implemented so far:
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Index.aspx.cs" Inherits="WIMF.Index" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
<title></title>
<link rel="stylesheet" type="txt/css" href="Content/css/bootstrap.css" />
</head>
<body style="background: url(Content/images/vertical.jpg); background-repeat: repeat-y; background-position: left">
<form id="form_id" runat="server">
<div class="container">
<h1>Where Is My Food</h1>
</div>
<div class="col-md-9 col-md-offset-2">
<div class="input-group" style="float: left">
<button type="button" class="btn btn-primary">WIMF</button>
</div>
[...]
</form>
</body>
</html>