My blog's body is aligning to the left in firefox..

HI everyone..
My website seem good in ie8 but all the body content goes to the left in mozilla firefox.I have given my style.css below.Pease help me to align in the right place in the firefox;

style.css

/*
Theme Name: toptenbusinessideas
Theme URI: http://www.toptenbusinessideas.com.au
Description:
Version: 1.0
Author: Dhiraj Bikram Khadka
Author URI:
Tags: fixed width, left-sidebar, valid XHTML, widgets
*/

/* begin Page */





body
{

margin: 0 auto;
padding: 0;
background-color: #B1BBC3;
background-image: url('images/Page-BgTexture.jpg');
background-repeat: repeat;
background-attachment: scroll;
background-position: top left;
width:900px;



}



#art-main
{
position: relative;
width: 100%;
left: 0px;
top: 0px;
}

#art-page-background-glare
{
position: absolute;
width: 100%;
height: 554px;
left: 0px;
top: 0px;
}

#art-page-background-glare-image
{
background-image: url('images/Page-BgGlare.png');
background-repeat: no-repeat;
height: 554px;
width: 706px;
margin: 0;
}

html:first-child #art-page-background-glare
{
border: 1px solid transparent; /* Opera fix */
}



#art-page-background-gradient
{
background-position: top left;
}


.cleared
{
float: none;
clear: both;
margin: 0;
padding: 0;
border: none;
font-size:1px;
}


form
{
padding:0 !important;
margin:0 !important;
}

table.position
{
position: relative;
width: 100%;
table-layout: fixed;
}
/* end Page */

/* begin Box, Sheet */
.art-Sheet
{
position:relative;
z-index:0;
margin:0 auto;
width: 1000px;
min-width:51px;
min-height:51px;
}

.art-Sheet-body
{
position: relative;
z-index: 1;
padding: 0px;
margin-left:0px;
}

.art-Sheet-tr, .art-Sheet-tl, .art-Sheet-br, .art-Sheet-bl, .art-Sheet-tc, .art-Sheet-bc,.art-Sheet-cr, .art-Sheet-cl
{
position:absolute;
margin-left:0px;
z-index:-1;
}

.art-Sheet-tr, .art-Sheet-tl, .art-Sheet-br, .art-Sheet-bl
{
margin-left:0px;
width: 70px;
height: 70px;
background-image: url('images/Sheet-s.png');
}

.art-Sheet-tl
{
top:0px;
left:0px;
clip: rect(auto, 35px, 35px, auto);
}

.art-Sheet-tr
{
top: 0px;
right: 0px;
clip: rect(auto, auto, 35px, 35px);
}

.art-Sheet-bl
{
bottom: 0;
left: 0;
clip: rect(35px, 35px, auto, auto);
}

.art-Sheet-br
{
bottom: 0;
right: 0;
clip: rect(35px, auto, auto, 35px);
}

.art-Sheet-tc, .art-Sheet-bc
{
margin-left: 0px;
right: 0px;
height: 0px;
background-image: url('images/Sheet-h.png');
}

.art-Sheet-tc
{
top: 0;
margin-left:0px;
clip: rect(auto, auto, 35px, auto);
}

.art-Sheet-bc
{
bottom: 0;
clip: rect(35px, auto, auto, auto);
}

.art-Sheet-cr, .art-Sheet-cl
{
top: 0px;
bottom: 35px;
width: 70px;
background-image: url('images/Sheet-v.png');
}

.art-Sheet-cr
{
right:0;
clip: rect(auto, auto, auto, 35px);
}

.art-Sheet-cl
{
left:0;
clip: rect(auto, 35px, auto, auto);
}

.art-Sheet-cc
{
position:absolute;
z-index:-1;
top: 35px;
left: 35px;
right: 35px;
bottom: 35px;
background-color: #FFFFFF;
}


.art-Sheet
{
margin-top: 0px !important;
}

#art-page-background-simple-gradient, #art-page-background-gradient, #art-page-background-glare
{
min-width:1000px;
}

/* end Box, Sheet */

/* begin Header */
div.art-Header
{
top: 0px;
margin-left:0px;
margin-right:0px;
margin: 0px auto;
position: relative;
z-index:0;
width: 1000px;
height: 175px;
}


div.art-Header-jpeg
{
position: absolute;
z-index:-1;
top: 0;
margin-top:0px;
margin-left:0px;
margin-right:0px;

width: 1000px;
height: 175px;
background-image: url('images/header.jpg');
background-repeat: no-repeat;
background-position: center center;
}
/* end Header */

/* begin Logo */
.art-Logo
{
display : block;
position: absolute;
left: 11px;
top: 54px;
width: 512px;
}

h1.art-Logo-name
{
display: block;
text-align: center;
}

h1.art-Logo-name, h1.art-Logo-name a, h1.art-Logo-name a:link, h1.art-Logo-name a:visited, h1.art-Logo-name a:hover
{
font-family:Arial Black, Helvetica, Sans-Serif;
font-size: 38px;
font-weight: bolder;
text-decoration: none;
padding:0;
margin:0;
color: #000000 !important;
}

.art-Logo-text
{
display: block;
text-align: center;
}

.art-Logo-text, .art-Logo-text a
{
font-family: Tahoma ,Arial, Helvetica, Sans-Serif;
font-size: 21px;
padding:0;
margin:0;
color: #B0D7DD !important;
}
/* end Logo */

/* begin Menu */
/* menu structure */

.art-menu a, .art-menu a:link, .art-menu a:visited, .art-menu a:hover
{
text-align:left;
text-decoration:none;
outline:none;
letter-spacing:normal;
word-spacing:normal;
}

.art-menu, .art-menu ul
{
margin: 30px;
margin-top:0px;
margin-bottom:0px;

padding: 0px;
border: 0px;
list-style-type: none;
display: block;
}

.art-menu li
{
margin: 0px;
padding: 0;
border: 0;
display: block;
float: left;
position: relative;
z-index: 5;
background:none;
}

.art-menu li:hover
{
z-index: 10000;
white-space: normal;
}

.art-menu li li
{
float: none;
}

.art-menu ul
{
visibility: hidden;
position: absolute;
z-index: 10;
left: 0;
top: 0;
background:none;
}

.art-menu li:hover>ul
{
visibility: visible;
top: 100%;
}

.art-menu li li:hover>ul
{
top: 0;
left: 100%;
}

.art-menu:after, .art-menu ul:after
{
content: ".";
height: 0;
display: block;
visibility: hidden;
overflow: hidden;
clear: both;
}
.art-menu, .art-menu ul
{
min-height: 0px;
top:0px;
}

.art-menu ul
{

padding: 10px 30px 30px 30px;
margin: -2px 0 0 -6px;
}

.art-menu ul ul
{
padding: 30px 30px 30px 10px;
margin: -30px 0 0 -10px;
}





/* menu structure */

.art-menu
{
padding: 6px 6px 6px 6px;
}

.art-nav
{
position: relative;
height: 40px;
z-index: 100;
top:0px;

}


/* end Menu */

/* begin MenuItem */
.art-menu ul li
{
clear: both;
}

.art-menu a
{
position:relative;
display: block;
overflow:hidden;
height: 28px;
cursor: pointer;
text-decoration: none;
margin-right: 1px;
margin-left: 1px;
}


.art-menu a .r, .art-menu a .l
{
position:absolute;
disp

 

It doesn't matter what it does in IE8 if it isn't working in a more modern browser. I assume the link in the CSS is the site you are talking about. All that CSS means nothing without the HTML.

You absolutely positioned the div 'art-content' which removes it from the normal flow. Remove that.

As usual, IE8 is wrong while FF is performing correctly.

 

Thanks for your suggestion...
I went through it and got succeed....thanks a lot....

 

Hi..
I have another problem.Now body is right but all the main content is along the sidebar and there is much space left in the right side.I thought that the body size , content and sidebar size are not properly matched.Please refer to above css.
Thanks in advance.