How to remove the border line in a div-CSS

Question

I'm using the following css to style a div:

.mod head-update{
    height: 40px;
    border-style: none!important;
    padding-bottom: 20px;
    padding-top: 20px;
}

Yet I get 2 grey lines at the top and bottom of the div. How can I remove it?

Answer 1

_{You should most probably fix your selector head-update with a class . or ID # like: .head-update (or #head-update ?)}

Try with

border: none !important;

(P.S note the space between none and !important)