I am relatively new on CSS stuff and for this reason I have some problems in order to make my webpage to looks the same to most browsers. I was testing my web page with use of Google Chrome and looks perfect on it. However, when I have tried to test it to other browsers, Safari was OK as well BUT on Firefox is completely mess! Below I have my CSS file. You can have a look on www.cyprusvenue.com and understand what I mean by mess on Firefox.
Thanks in advance,
toto_7
html, body{ background: #3d4a6a url({T_THEME_PATH}/images/outerbg.gif) top left repeat; height: 100%; margin: 0px; } .header { margin: 35px 80px -20px; padding: 0; float: right; min-height: 98px; padding-bottom: 5px; background: url({T_THEME_PATH}/images/header_g1.png) top left repeat-x; background: url({T_THEME_PATH}/images/header_g2.png) top center repeat-y, url({T_THEME_PATH}/images/header_g1.png) top left repeat-x; } #wrapper { min-height: 67%; width: 0; } #page-header { clear: both; margin: 0 20px; padding-bottom: 4px; min-height: 98px; background: url({T_THEME_PATH}/images/hdr_tr.gif) top right no-repeat, url({T_THEME_PATH}/images/hdr_tl.gif) top left no-repeat, url({T_THEME_PATH}/images/hdr_l.gif) top left repeat-y, url({T_THEME_PATH}/images/hdr_r.gif) top right repeat-y, url({T_THEME_PATH}/images/hdr_t.gif) top left repeat-x, #dadada url({T_THEME_PATH}/images/innerbg.gif) top left repeat; } #contact{ display: block; position: relative; margin: 0px 30px; } #logo, #website{ display:block; position:relative; float: left; margin: -15px 30px; padding:0; top: 50px; } #footer{ text-align: center; vertical-align: bottom; line-height: 1.3em; margin: 0 10px; padding: 8px; padding-top: 15px; font-size: 12px; color: rgba(255, 255, 255, 0.3); background: url({T_THEME_PATH}/images/hdr_br.gif) top right no-repeat, url({T_THEME_PATH}/images/hdr_bl.gif) 0 0 no-repeat, url({T_THEME_PATH}/images/hdr_b.gif) 0 0 repeat-x; }