Mysterious double line showing up

[myriahdesigner]

Hello,

I am having a weird issue where when I add a border to my navigation, a weird double line shows up.
Here is the website I am working on: http://lodging.visittrivalley.com/
As you will see, there is a border-top and a border-bottom applied to the #menu-new-menu div, and it is showing up as this weird double line on the ends. I tried to see if there were some white background colors or shapes somewhere that are causing this, but I can’t find anything. And I also tried once moving the borders up one dive to the .main-menu class but it looks the same. Can someone please figure this out for me! Thank you!

[Beverleyh]

You have a weird doubling up of nav and ul elements that look like this;

<nav class="wrapper main-menu" role="navigation" itemscope="itemscope" itemtype="http://schema.org/SiteNavigationElement">
    <ul id="menu-new-menu" class="menu">
        <div class="no-print animated main-menu-container">
            <nav class="wrapper main-menu" role="navigation" itemscope="itemscope" itemtype="http://schema.org/SiteNavigationElement">
                <ul id="menu-new-menu" class="menu">

so the top and bottom border applied to ‘#menu-new-menu’ double-up too (there are 2 ul elements with id ‘#menu-new-menu’)

[Author]

Posts