无法将背景设置为完整部分

Question

我使用HTML5 + jquery创建了一个部分。我将图像设置为该部分的背景，但图像未设置为完整部分。它在部分内的所有4个边留下了2px的空间。 我的代码是;

<div id="container" data-role="page">
    <div style="..." data-role="header"><h>HOME</h></div>
    <section id="mainsection">
    </section>
</div>

CSS：

#mainsection
{
    height:40px;
    width:40%;
    margin-left:5%;
    margin-top:5%;
    float:left;
    background: url("images/pic99.png") no-repeat;
    background-size : cover;
    background-color:red;
}

我也在％中使用了background-size属性，这也无效。我正在使用jquery-1.10.2.js，jquery.mobile-1.3.2.js，jquery.mobile-1.3.2.min.css。 背景颜色属性正好设置为100％＆amp;只有在背景属性中使用图像时我才会遇到此问题。

Answer 1

<强> Demo

设置margin和padding为0px。 请试试这个......

#mainsection{
    margin:0px;
    padding:0px;
}

Answer 2

试试这个

*{
padding:0px;
margin :0px; 
}

Answer 3

#mainsection
{
    margin:0px !important;
    padding:0px !important;
}