A-Ha! Great idea!
That brings us to a good solution, although it doesn't fix all my issues because I've customized a couple things on the main page, other than that.. it should work perfectly with an un-tampered-with osticket layout.
I've implemented the suggestion of dot45 and a special javascript from here:
(http://rafael.adm.br/css_browser_selector)
Here are the steps to fix the compatibility issues:
1. Copy the below code and save it in the osticket root directory as 'browsesel.js':
// CSS Browser Selector v0.2.5
// Documentation: http://rafael.adm.br/css_browser_selector
// License: http://creativecommons.org/licenses/by/2.5/
// Author: Rafael Lima (http://rafael.adm.br)
// Contributors: http://rafael.adm.br/css_browser_selector#contributors
var css_browser_selector = function() {
var
ua=navigator.userAgent.toLowerCase(),
is=function(t){ return ua.indexOf(t) != -1; },
h=document.getElementsByTagName('html'),
b=(!(/opera|webtv/i.test(ua))&&/msie (\d)/.test(ua))?('ie ie'+RegExp.$1)('gecko/')? 'gecko'('opera/9')?'opera opera9':/opera (\d)/.test(ua)?'opera opera'+RegExp.$1('konqueror')?'konqueror'('applewebkit/')?'webkit safari'('mozilla/')?'gecko':'',
os=(is('x11')||is('linux'))?' linux'('mac')?' mac'('win')?' win':'';
var c=b+os+' js';
h.className += h.className?' '+c;
}();
2. Add the following line after the '' line in './include/client/header.inc.php':
<script src="browsesel.js" type="text/javascript"></script>
3. Replace the '* { position; }' line in './styles/main.css' with:
.ie7 * { position; }
.ie6 * { position; }
.gecko * { position; }
.win.gecko * { position; }
.linux.gecko * { position; }
.opera * { position; }
.konqueror * { position; }
.webkit * { position; }
4. Test it out. It works for me.
Note: I don't claim any portion of this code. I just put it all together.