Pseudo-elements are working in Chrome but not in Opera or Firefox

This site is best viewed in a modern browser with JavaScript enabled.

I'm trying to convert a PSD file to a working HTML template but am facing a problem while working on pseudo-elements.

I have used an image with :after & :before for "Latest Blog Post"; but the "line.png" is only showing in Google Chrome,not in Firefox & Opera.

How do I fix this? any kind of help ll be highly appreciated.

p.s: i have tried double colon:: but it didn't help either.

It looks like you have quite a few syntax errors in your CSS. Try the W3C CSS validator, then the Firefox error console. That's the place to start.

Thank you very much!! Actually I'm new in this field, so I forgot to validate my code.
Problem Solved, everything is working fine.