title: how to set browser compatiability in jsp?
body: <p>I am developing j2e web application.</p>
  
  <p>when i run my application(jsp,servlet) in firefox,it display like below image.
  <img src="https://i.stack.imgur.com/TelSC.png" alt="enter image description here"></p>
  
  <p>when i run same page in chrome, it display like below image.</p>
  
  <p><img src="https://i.stack.imgur.com/aBwqX.png" alt="enter image description here"></p>
  
  <p>My code structure is,</p>
  
  <pre><code>     &lt;%@ page language="java" contentType="text/html; charset=UTF-8"
              pageEncoding="UTF-8"%&gt;
       &lt;%@ page import="java.io.*,java.util.*"%&gt;
  
       &lt;!DOCTYPE&gt;
      or
      &lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/transitional.dtd"&gt;
  
              &lt;html&gt;
  
              &lt;head&gt;
  &lt;style type="text/css"&gt;
  body{
  
  background-size:1024px 768px;
  background-repeat:no-repeat;
  background-image: url('styleback.jpeg');
  
  
  }
  &lt;/style&gt;
  
  &lt;/head&gt;
              &lt;body&gt;
    &lt;div id="mybox" align="left" style="display:none;"&gt;
  
              &lt;form action="ModifyPlannerServlet" method="post" id="ModifyPlannerServletid"&gt;
              &lt;div id="SearchDateErrorMsgDiv" style="color: red"&gt;&lt;/div&gt;
             Select Date : &lt;input type="text" name="dateofSearch" id="dateofSearch" placeholder="Enter Date Here"&gt;&lt;br&gt;&lt;br&gt;
  
             &lt;a href="#ListboxDisplayFromDB" id="SearchButtonn"&gt;&lt;input type="submit"  value="Search" id="SearchButton" name="SearchButton" disabled &gt;&lt;/a&gt;
  
             &lt;/form&gt;
  &lt;/div&gt;
  
  &lt;div align="center"&gt;
  &lt;form action="PlannerServlet" method="post" id="PlannerServletid"&gt; 
  
              &lt;table align="center"&gt;
  
                                 &lt;tr&gt;
  
                                  &lt;td&gt;&lt;label&gt;Change Chapter&lt;/label&gt;
  &lt;/table&gt;
  &lt;/form&gt;
  &lt;/div&gt;
  
  &lt;div id="AddPlannerdiv" align="center"&gt;
      &lt;input type="button"  name ="ADDPlanner" id="ADDPlanner" value="Add Planner"  onclick="ArrayScript()" disabled&gt;
      &lt;input type="hidden" value="" id="selectdtext" name="selectdtext"&gt;
  &lt;/div&gt;
  
  
  
              &lt;/body&gt;
              &lt;/html&gt;
  </code></pre>
  
  <p>I have seen about browser compatibility in jsp but i dont understand how to fix this issue.</p>
  
  <p>How to fix this?</p>