Works in everything but Firefox ?!?!

[kelpie]

I’m trying to construct the top section of this website;

http://www.graphicalchemy.co.uk/test/mk/

Everything seems to work perfectly as planned in all the browsers I’ve tried except in Firefox where it appears to render as if there is no css. This isn’t the problem however because it works in all the other browsers.

I have run out of ideas here. Can anyone help?
Much obliged for any help or suggestions.

I’ve pasted my markup and css below:

Code:

* {
margin: 0;
padding: 0;
}

@font-face {
font-family: ‘Helvetica Neue’;
src: url(‘Helvetica Neue.ttc’);
src: local(‘Helvetica Neue’),
local(‘Helvetica Neue’),
}

body {
font-family: GraublauWeb, Arial, Helvetica, sans-serif;
color: #000000;
background-color: #aa8fb2;
}

a {
color:#999999;
text-decoration:underline;
font-weight: bold;
}

a:hover {
color:#333333;
text-decoration:underline;
}

focus {
outline: 0;
-moz-outline-style:none;
}

a img, a:active, a img.preview {
border: none;
text-decoration: none;
padding: 0;
outline:none;
}

image {
padding: 0;
outline:none;
border: none;
}

ol, ul {
list-style: none;
padding: 0;
margin: 0;
}

li {
list-style: none;
}

p {
font-size: 14px;
line-height: 120%;
}

.introparagraph {
font-weight: bold;
line-height: 120%;
font-size: 14px;
}

.bullet {
font-weight: bold;
color:#333333;
}

h1 {
font-size: 24px;
font-weight:bold;
}

h2 {
font-size: 22px
font-weight:bold;;
}

h3 {
font-size: 20px
font-weight:bold;;
}

h4 {
font-size: 18px;
font-weight:bold;
}

h5 {
font-size: 16px;
font-weight:bold;
}

h6 {
font-size: 14px;
font-weight:bold;
}

#topsection {
background-image: url(../images/topsectionbg.jpg);
background-repeat: no-repeat;
background-position: center top;
height: 660px;
width: 100%;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
position: relative;
}

#topmenustrip {
height: 35px;
width: 970px;
position: relative;
margin: 0 auto;
padding-right: 80px;
text-align: right;
}

.topmenustriplinks {
font-size: 15px;
text-decoration: none;
color: #ffffff;
line-height: 35px;
font-weight: normal;
}

.topmenustriplinks a {
color: #ffffff;
text-decoration: none;
font-weight: normal;
}

.topmenustriplinks a:hover {
color: #4a1244;
text-decoration: none;
font-weight: normal;
}

#header {
height: 145px;
width: 1050px;
position: relative;
margin: 0 auto;
border:none;
outline: none;
}

#headerflashcontainer {
height: 145px;
width: 1050px;
margin: 0;
border:none;
outline: none;
}

/* navigation begins */

#navcontainer {
height: 30px;
width: 1050px;
position: relative;
margin: 0 auto;
}

#nav {
margin:0;
padding:0px 0px 0px 390px;
list-style:none;
float: left;
}

#nav li {
float:left;
display:block;
position:relative;
z-index:500;
margin:0 1px;
}

#nav li a {
display:block;
padding:0px 12px 0 12px;
font-weight:normal;
height:30px;
text-decoration:none;
color:#4a1244;
text-align:center;
color:#4a1244;
line-height: 32px;
font-size: 18px;
width: 100%;
font-weight: normal;
}

#nav li a:hover {
color:#4a1244;
text-decoration: none;
font-size: 18px;
font-weight: normal;
}

#nav a.selected {
color:#4a1244;
text-decoration: none;
font-size: 18px;
font-weight: normal;
}

#nav ul {
position:absolute;
left:0;
display:none;
margin:0 0 0 -1px;
padding:0;
list-style:none;
}

#nav ul li {
float:left;
}

#nav ul a {
display:block;
height:30px;
padding: 0px 12px 0 12px;
color:#4a1244;
text-decoration: none;
line-height: 32px;
margin-top: 1px;
font-size: 12px;
width: 140px;
font-weight: normal;
background-image: url(../images/navup.png);
background-repeat: repeat-x;
background-position: left top;
}

#nav ul a:hover {
text-decoration:none;
font-size: 12px;
color: #ffffff;
font-weight: normal;
background-image: url(../images/navover.png);
background-repeat: repeat-x;
background-position: left top;
}

/* navigation begins */

#topsectioncontent {
height: 450px;
width: 1050px;
margin: 0 auto;
position: relative;
}

/*– image slider begins –*/

.slidercontainer {
width: 570px;
padding: 0;
position: absolute;
top: 50px;
left: 73px;
height: 350px;
background-image: url(../images/panelbg.png);
background-repeat: no-repeat;
background-position: left top;
}

.main_view {
float: left;
position: relative;
}

.window {
height:300px; width: 570px;
overflow: hidden;
position: relative;
}

.image_reel {
position: absolute;
top: 0; left: 0;
}
.image_reel img {
float: left;
}

.captiontextcontainer {
width: 570px;
margin: 0;
float: left;
}

.paging {
position: absolute;
bottom: -40px; right: -7px;
width: 570px; height:50px;
z-index: 100;
text-align: left;
line-height: 50px;
display: none;
font-size: 12px;
}
.paging a {
padding: 15px 5px 5px 5px;
text-decoration: none;
color:#E29ADE;
font-weight: normal;
background-color:#67258E;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
width: 90px;
height: 30px;
display: inline-block;
line-height: 120%;
font-size: 11px;
}

.paging a.active {
font-weight: normal;
background-color:#E29ADE;
border: 0;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
line-height: 120%;
font-size: 11px;
color: #67258E;
}

.paging a:hover {
font-weight: normal;
background-color:#E29ADE;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
line-height: 120%;
font-size: 11px;
color: #67258E;
}

.slidertexttitle {
font-size: 28px;
color: #ffffff;
font-weight: normal;
padding: 0;
margin-top: 70px;
margin: 80px 20px 10px 205px;
}

.slidertext {
font-size: 13px;
color: #ffffff;
font-weight: normal;
padding: 0;
margin-top: 70px;
margin: 0px 20px 10px 205px;
line-height: 130%;
}

/*– image slider ends –*/

Code:

home   |   astrology knight   |   psychic knight   |   contact

• about Michele
  • about me
  • tv appearances
  • theatre & corporate
  • published articles
  • charity
  • podcasts
  • show reel
  • spirit & destiny tarot
• live psychics
  • available psychics
  • our psychics
  • book a reading
  • text a psychic
  • your feedback
• free readings
• shop
• news
  • articles
  • celebrity news
  • x factor
  • celebrity quotes
  • competitions
  • blogs
  • readers emails
  • links

Hello and Welcome…

I’m passionate about my company of fabulous psychics and also about providing free resources to help empower you.
Choose from the free readings or join our unique social network Psychic Knight which has over 10,000 members.
If you want a psychic reading, we have some of the very best Psychics in the UK. Each Psychic is tested 5 times, including a final reading for me, before they can become a Michele Knight Psychic.

Reader's Videos…

Exciting news!
I am always thinking of ways to make your readings the possible experience. I know that many of you are repeat customers who form strong bonds with their chosen psychic.
I thought it would be a great idea to video our psychics with a bit more information about who they are, what they do and even a few tips to inspire you!
I hope this helps you to choose the psychic that is right for you!

The High Priestess…

Astrological Influence Moon…
The High Priestess in a reading symbolises your own power.
Trust your intuition she urges you take time out, to be still and really listen to your inner voice.

This Morning…

Michele joins the wonderful team at ITV’s THIS MORNING
as their new monthly astrologer

Touched By Evil…

Michele’s memoir ‘Touched By Evil’ enters the Sunday Time’s top 10 best sellers list.

Welcome from Michele…
New Video Introductions…
Tarot Cards Explained…
Michele Joins
This Morning…
Sunday Times Best Seller…

[Author]

Posts