Navbar dividers lines problem

on line 348 in style.css is this CSS code

body.single-page .page, body.single-post .post {
    background: none repeat scroll 0 0 transparent;
    margin: 0;
    padding: 0;
}

the “background” line in that block is overwriting the line that adds the divider lines, which is on line 121

ul.navigation li {
    background: url("images/nav-div.png") no-repeat scroll right top transparent;
    display: block;
    float: left;
    list-style-type: none;
    margin: 0;
    padding: 0 1px 0 0;
    position: relative;
}

If you don’t know much about CSS the simplest way to get the lines back on the nav bar is to change the line of CSS from this
background: url("images/nav-div.png") no-repeat scroll right top transparent;

to this
background: url("images/nav-div.png") no-repeat scroll right top transparent !important;

That forces that line of styling to be applied. It is possible that forcing it could have some undesired side effects. The only way to know is to try it.

How do I remove the lines all together?

try changing this line

background: url("images/nav-div.png") no-repeat scroll right top transparent;

to this

/* background: url("images/nav-div.png") no-repeat scroll right top transparent; */

and see if that does it

Yes, thanks!