I'm using a Safari hack to fill in a gap on the last menu item, but I cannot seem to get it to work correctly.


Code:
@media screen and (-webkit-min-device-pixel-ratio:0) {

.moduletablemainmenu ul.menu li#current.last-child .active {

	border-right: 10px solid #bbb;
}

}
Did I miss a step somewhere in the basics of CSS?