CSS fix for chrome

Everything looks fine across ie/firefox, but I have one line that shows up in the middle of the logo in chrome that belongs down below the menu.

I’ve tried the fixes below, but everything I try seems to be getting ignored, unless I’ve done it wrong. I’ve cleared the cache, but still nothing changes in chrome. Any ideas?

@media not all and (-webkit-min-device-pixel-ratio:0) {#access {
background: #fff;
display: block;
float: left;
margin: 10px;
width: 928px;
border-bottom: 1px solid #000;
text-transform:uppercase;
}} …….. nothing happened

-webkit-margin: 10px; …….. nothing happened

Any insights you have into this would be very much appreciated.