I have a quick question, I'm wondering if it is possible to change the position value of a certain element in ONLY FireFox by adjusting the main CSS file?
You can use @-moz-document
to only target Firefox. Add it to your main.css to overwrite the existing rules.
@-moz-document url-prefix() {
element {
position: relative;
}
}
See this question.