@font not showing correctly in FireFox 3.6.23

Question

The fonts and css file are located in the root domain, the @font works for IE 7/8/9 but the @font does not work for FireFox 3.6.23

Answer 1

Might of been trying solutions when you got that error, my apologies.
webfonts.css
@charset "UTF-8";
/* Generated by Font Squirrel (http://www.fontsquirrel.com) on October 14, 2011 */
@font-face {
font-family: 'ArchitectsDaughterRegular';
src: url('architectsdaughter-webfont.eot');
src: url('architectsdaughter-webfont.eot?#iefix') format('embedded-opentype'),
url('architectsdaughter-webfont.woff') format('woff'),
url('architectsdaughter-webfont.ttf') format('truetype'),
url('architectsdaughter-webfont.svg#ArchitectsDaughterRegular') format('svg');
font-weight: normal;
font-style: normal;
^^^ Located in public_html
http://shinymanstudio.co.za/ <--- does not render the @font
http://shinymanstudio.co.za/webfontkit/ArchitectsDaughterRegular-demo.html <--- does render @font.
The problem still occurs, the public_html is my "root" folder, I could try placing the documents out side "public_html" but the hosting company did not advise this.
It works on the latest version of Chrome/Safari, IE 7/8/9.
I will try ../ later and see if this works.
Thanks for the help cor-EL.
Peace.