pseudo element not working in Firefox
The following code works in Chrome and Safari but not in latest Firefox on a pc(it's not working in IE but I expected that and there are ways to fix that. The same code occurs before in the css without the menu id (and works on the first menu) but it is killed by a 'last' selector somewhere in between. I needed it before a one item menu that I added, so I placed it towards the end of the file and added !important
edit: never mind I solved this. It was a whole bunch of different issues.
Code:
nav#simplisich-menu-extra2 ul.simplistichmenu>li:before{
position:absolute;
display: block;
content:' ';
top:0;
left: -9px;
width:9px;
height: 43px;
background: url('images/menuseparator.png') center center no-repeat !important;
}