Browser displaying different to Upfront Editor

As per the pictures attached you can see a line beneath the menu in upfront using the css:

[data-style='horizontal'] ul.menu, div[data-style='vertical'] ul.menu {
border-bottom: 2px solid #ufc5;
padding-bottom:10px;
}
But it is not displayed in browser...