What does one do with a nonFF compatible wordpress theme?

[AsianMusicGuy]

Hi guys
his is my website as you can see its vert well layoud out and customized however I use firefox 3.0.4 for all my browing editing and so on when i add a new page to my current line up it lookd disfigured in Firefox however in IE it is normal
see iamges
in firefox http://i21.photobucket.com/albums/b268/ ... 1228672643
in IE
http://i21.photobucket.com/albums/b268/ ... 1228672721
Here is my CSS also

/*
Theme Name: fSpring
Theme URI: http://www.fahlstad.se
Description: Spring flavour.
Version: 1.0
Author: Fredrik Fahlstad
Author URI: http://www.fahlstad.se
*/
body {
margin: 0px;
padding: 0px;
background: #ececec url(images/bg.png) repeat-y center;
color: #666;
font: 11px/15px Verdana, Arial, Helvetica, sans-serif;
}
#wrap {
width: 800px;
overflow: hidden;
position:relative;
margin: 0px auto;
}
#content {
width: 484px;
float: left;
display:inline;
text-align: justify;
padding: 10px;
margin: 8px;
}
#nav {
height: 49px;
width: 790px;
margin-right: auto;
margin-left: auto;
}

#sidebar {
width: 238px;
float: right;
line-height: 1.5em;
display:inline;
margin: 8px 8px 8px 0px;
padding: 10px;
font-size:10px;
}
#pages h1{
margin:0px;
padding:0px;
}
#pages h1 a{
text-transform:uppercase;
text-decoration:none;
color:#999;
font: 18px Arial, Helvetica, sans-serif;
margin:0px;
padding:13px 0px 0px 10px;
letter-spacing: -1px;
float: left;
}
#pages h1 a:hover{
text-decoration:underline;
}

h3, h4 {
padding-top: 5px;
padding-bottom: 15px;
}
#logo {
background: url(images/top.png) no-repeat;
height: 200px;
width: 780px;
margin-right: auto;
margin-left: auto;
}
#tagline {
height: 20px;
text-align: right;
margin-top: -30px;
margin-right: 25px;
font-size: 10px;
font-weight: bold;
text-transform: uppercase;
color: #FFFFFF;
}
div#pages {
height: 40px;
margin: 0px auto 5px;
width:780px;

}

div#pages ul {
padding: 10px 0px 0px;
white-space: nowrap;
list-style-type: none;
margin: 0px;
}
div#pages ul li {
float:right;
}
#pages ul li a:before{
content:" .: ";
color:#ff7800;
}
div#pages ul li.current_page_item a {
text-decoration: underline;
}
div#pages ul li a {
display: block;
text-decoration: none;
margin:1px 0px;
text-align:right;
font-size:10px;
padding:4px;
font-weight: bold;
text-transform: uppercase;
color: #999999;
}
div#pages ul li a:hover {
color: #FF7800;
}

#footer {
clear: both;
text-align: center;
height: 40px;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #CCCCCC;
width: 774px;
padding: 0px;
margin-right: auto;
margin-left: auto;
}
#footer p{
padding:10px;
margin:0px;
}

.entry{
padding-top: 0px;
padding-bottom: 30px;
padding-left: 0px;
/*font-size: 0.80em;*/
line-height: 1.5em;
}
.firstpost {
margin-bottom:15px
}
h3.entrytitle, h3 {
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
margin-top: 0;
margin-right: 0;
margin-bottom: 5px;

}
h3.entrytitle a, h3.entrytitle a:visited, h3 a{
color: #ff7800;
text-decoration:none;
border-style: none;
font-size: 12px;
font-weight: bolder;
text-transform: none;
}
h3.entrytitle a:hover, h3 a:hover{
text-decoration:underline;}
.entrymeta{
height: 16px;
margin-top: 0;
font-size: 10px;
color: #999;
border-top:solid 1px #ccc;
padding-top:4px;
margin-bottom: 8px;
}
.entrymeta a img{
border:none;
}
.entrybody img {
padding: 4px;
border: 1px solid #DFDFDF;
}
.entrybody ul {
margin-left: 20px;
padding-left:0px;
list-style-type: none;
}
.entrybody ol{
margin-left:20px;
padding-left:0px;
}
.entrybody ul li {
list-style:square;
}
.commentlink img {
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
}

h4, h3, h2, #commentblock h2 {
margin: 0;
padding: 0px;
font-size: 11px;
font-style: normal;
font-weight: bold;
font-variant: normal;
color:#999;
}
h2{
margin-bottom: 10px;
font-size: 14px;
}
a, a:visited{
color: #ff7800;
text-decoration:none;
}
a:hover{
text-decoration:underline;
}
.entrybody p{
margin:8px 0;
padding:0;
}
.entrybody ul {
margin-left: 30px;
padding-left:0px;
list-style-type: none;
}
.entrybody ol{
margin-left:30px;
padding-left:0px;
}
.entrybody ul li {
list-style:square;
}
#sidebar h2 {
color: #999;
margin-top: 5px;
margin-right: 0px;
margin-bottom: 8px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 4px;
padding-left: 0px;
border-bottom: 1px solid #ccc;
font-size: 10px;
font-weight: bold;
text-transform: uppercase;
}
#nav {
height: 49px;
width: 790px;
margin-right: auto;
margin-left: auto;
}
#sidebar {
width: 238px;
float: left;
line-height: 1.5em;
display:inline;
margin: 8px 8px 8px 0px;
padding: 10px;
font-size:10px;

}
#pages h1{
margin:0px;
padding:0px;
}
#pages h1 a{
text-transform:uppercase;
text-decoration:none;
color:#000000;
font: 22px Arial;
font-weight: ;
margin:0px;
padding:13px 0px 0px 10px;
letter-spacing: -1px;
float: left;
}
#pages h1 a:hover{
color: #F665AB;
}
h3, h4 {
padding-top: 5px;
padding-bottom: 15px;
}
#header {
height: 220px;
width: 780px;
margin-right: auto;
margin-left: auto;
}
#tagline {
height: 20px;
text-align: right;
margin-top: -30px;
margin-right: 25px;
font-size: 10px;
font-weight: bold;
text-transform: uppercase;
color: #F665AB;
}
div#pages {
height: 40px;
margin: 0px auto 5px;
width:780px;
}
div#pages ul {
padding: 10px 0px 0px;
white-space: nowrap;
list-style-type: none;
margin: 0px;
}
div#pages ul li {
float:right;
}
#pages ul li a:before{
content:" → ";
color:#000000;
}
div#pages ul li.current_page_item a {
text-decoration: ;
}
div#pages ul li a {
display: block;
text-decoration: none;
margin:1px 0px;
text-align:right;
font: 13px Arial;
padding:4px;
font-weight: ;
text-transform: uppercase;
color: #000000;
}
div#pages ul li a:hover {
color: #F665AB;
}
#footer {
clear: both;
text-align: center;
height: 100px;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #CCCCCC;
width: 774px;
padding: 0px;
margin-right: auto;
margin-left: auto;
}
#footer p{
padding:10px;
margin:0px;
}
.entry{
padding-top: 0px;
padding-bottom: 30px;
padding-left: 0px;
/*font-size: 0.80em;*/
line-height: 1.5em;
}
.firstpost {
margin-bottom:15px
}
h3.entrytitle, h3 {
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
margin-top: 0;
margin-right: 0;
margin-bottom: 5px;
}
h3.entrytitle a, h3.entrytitle a:visited, h3 a{
color: #000000;
text-decoration:none;
border-style: none;
font-size: 14px;
font: 22px Times New Roman;
font-weight: smooth;
text-transform: none;
}
h3.entrytitle a:hover, h3 a:hover{color: #F665AB;}
.entrymeta{
height: 16px;
margin-top: 0;
font-size: 10px;
color: #000000;
border-top:solid 1px #ccc;
padding-top:4px;
margin-bottom: 8px;
}
.entrymeta a img{
border:none;
}
.entrybody img {
padding: 4px;
border: 1px solid #DFDFDF;
}
.entrybody ul {
margin-left: 20px;
padding-left:0px;
list-style-type: none;
}
.entrybody ol{
margin-left:20px;
padding-left:0px;
}
.entrybody ul li {
list-style:square;
}
.commentlink img {
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
}
h4, h3, h2, #commentblock h2 {
margin: 0;
padding: 0px;
font-size: 18px;
font: 20px Times New Roman;
font-style: ;
font-weight: ;
font-variant: normal;
color: #F665AB;
}
h2{
margin-bottom: 10px;
font-size: 14px;
}
a, a:visited{
color: #666362;
text-decoration:none;
}
a:hover{
color: #000000;
text-decoration:none;
}
.entrybody p{
margin:10px 0;
padding:0;
}
.entrybody ul {
margin-left: 30px;
padding-left:0px;
list-style-type: none;
}
.entrybody ol{
margin-left:30px;
padding-left:0px;
}
.entrybody ul li {
list-style:square;
}
#sidebar h2 {
color: #000000;
margin-top: 5px;
margin-right: 0px;
margin-bottom: 8px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 4px;
padding-left: 0px;
font: 14px Arial;
border-bottom: 1px solid #ccc;
font-weight: ;
text-transform: uppercase;
}
#sidebar ul {
list-style: none;
margin: 0 0 20px 0;
padding: 0;
}
#sidebar ul li {
display: inline;
margin:0;
padding:0
}
#sidebar li{
list-style: none;
}
#sidebar ul li a {
border-bottom: 1px solid #ccc;
color: #38ACEC;
display: block;
text-decoration: none !important;
margin-left: 0px;
padding-top: 4px;
padding-right: 9px;
padding-bottom: 4px;
padding-left: 25px;
background-image: url(images/navbulle2.2.jpg);
background-repeat: no-repeat;
background-position: 10px 50%;
}
#sidebar ul li a:hover{
border-bottom-color: #fff;
color: #666!important;
background-color: #FCDFFF;
background-image: url(images/navbulle2.2bg.jpg);
background-repeat: no-repeat;
background-position: 10px 50%;
}
#searchdiv {
margin-top: 10px;
margin-bottom: 15px;
}
.comments-link {
background-image:url(images/comments.gif);
background-repeat: no-repeat;
background-position: left center;
padding-left:16px;
}
/************************************************
* Comments *
************************************************/
#commentblock h2{
padding:2px;
margin-bottom:10px;
margin-top:30px;
}
#commentblock {
float:left;
padding-top: 0px;
padding-bottom: 20px;
text-align: left; /*font-size: 0.8em;*/
}
ol#commentlist {
margin-top:0px;
padding: 5px;
margin-left: 0px;
list-style-type: none;
}
.commentdate {
font-size:0.8em;
padding-left:5px;
}
#commentlist li p{
margin-bottom: 8px;
line-height: 20px;
padding:0;
}
.commentname {
margin: 0;
padding: 5px;
}
.commentinfo{
clear:both;
}
.commenttext {
clear: both;
margin-top: 0px;
margin-bottom: 10px;
padding: 10px;
width:450px;
background: #ececec url(images/comm.png) no-repeat top;
}
.commenttext-admin {
clear: both;
margin-top: 0px;
margin-bottom: 10px;
padding: 10px;
width:450px;
background: #FDEEF4 url(images/comm-admin2.png) no-repeat top;
}
#commentsformheader{
padding-left:0px;
}
#commentsform{
margin-top:0;
text-align:center;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}
#commentsform form{
text-align:left;
margin:0px;
}
#commentsform p{
margin:5px;
}
#commentsform form textarea{
width:99%;
}
p.comments_link img{
margin: 0px;
padding: 0px;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
}
blockquote{
font-style: ;
color: #999999;
}
.adwrap,
.adwrapwide,
.adwrap-lu,
.adwrapbutton {
margin:0 0 1em;
padding:4px 0;
background:#fff;
border-top-width: 1px;
border-right-width: 0;
border-bottom-width: 1px;
border-left-width: 0;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #d5d7d0;
border-right-color: #d5d7d0;
border-bottom-color: #d5d7d0;
border-left-color: #d5d7d0;
}
.adwrap object {
width:336px;
height:280px;
}
.adwrapwide iframe,
.adwrapwide object {
width:468px;
height:65px;
}
.adwrap-lu {
margin:0 0 1em 1em;
width:180px;
float:right;
}
.adwrap-lu object {
width:180px;
height:90px;
}
.adwrapbutton iframe,
.adwrapbutton object {
width:180px;
height:150px;
}
table{
margin:10px;
}
td, th{
padding:3px;
font-weight:normal;

i it somthing in my CSS?

I really love this theme ive contacted the author serval times with no reapone and this is the best theme so i dont want to change it can anyone help?

[Music Head]

Your website displays correctly in my version of Firefox 3.0.5. You could try decreasing the size of links at the top 'About the site, Contact. How to play...'. In that Firefox screenshot they seem to be too large to fit on the one line so the last link has been placed onto a new line. Because of this they're taking up space they weren't intended to. Which may be causing the theme to displaying incorrectly.

[AsianMusicGuy]

ok how m not a code expert XD

[gargin]

As far as the links at the top go I see one problem with the Firefox display that would cause it to break sooner. The first is that in Firefox the bullets for the Unordered List are showing which takes up more space. Another thing that jumps out at me is either the font is different or one is bolded where the other is not, this probably wouldn't cause much of a problem but it's inconsistent.

The content shifting to the left like that is due to the site being designed in pure CSS. My "guess" would be that when the BIOGRAPHY section shifts down it is forcing the <DIV> for the content to be pushed to the left further than normal. This is just a guess I haven't really looked at the code or anything.

[AsianMusicGuy]

As far as the links at the top go I see one problem with the Firefox display that would cause it to break sooner. The first is that in Firefox the bullets for the Unordered List are showing which takes up more space. Another thing that jumps out at me is either the font is different or one is bolded where the other is not, this probably wouldn't cause much of a problem but it's inconsistent.

The content shifting to the left like that is due to the site being designed in pure CSS. My "guess" would be that when the BIOGRAPHY section shifts down it is forcing the <DIV> for the content to be pushed to the left further than normal. This is just a guess I haven't really looked at the code or anything.

Id be glad if you could help me fix it i really love the the,r and dont wanna change it just brcause i cant add new pages

[gargin]

I don't really have a ton of time to look over the code right now but since firefox is adding a → before the unordered lists I would assume your problem is with this block of code below.

#pages ul li a:before{
content:" → ";
color:#000000;
}

If this is the case you could probably just remove the entire [content:" → ";] part. Otherwise I guess you could try setting [list-style-type: none;] that might remove the indication from lists but not from hyperlinks.

The problem with looking at someone's code is that I don't know the inner workings of it and I could spend hours pulling it apart and figuring out what every little thing does. For now I have just done a brief once over the CSS sheet. I could be totally wrong.

Gargin