KateMacwil

Hi

I am trying to create a menu and for some reason I am getting padding around the outside of my menu items
and my list items seem to be about 10px in from the margin which I don't want.
How do I fix this?

#sub-navigation
{
background-color: #f6f6f6;
border: 1px groove #0c6bb5;
margin: 0px;
}

#sub-navigation ul
{
list-style-type: none;
margin-left: 0px;
margin: 0px;
}

#sub-navigation li 
{
background-image: url("http://dev.townofbauline.ca/wp-content/uploads/2018/04/menuBack-01.jpg");
color: #FFFFFF;
text-decoration: none;
font-family: Arial;
font-size: 13px;
font-weight: semi-bold;
margin:0px;
padding:0px;
}

#sub-navigation a:hover
{
color: #FFFFFF;
text-decoration: none;
}

#sub-navigation a:active
{
color: #FFFFFF;
background-color:#0c6bb5;
text-decoration: none;
}

#sub-navigation a:visited
{
color: #FFFFFF;
text-decoration: none;
}