firefox, IE alignment issue

[bndooley]

I recently moved my blog from blogger to wordpress, and in doing so, got a weird bug.

On blogger, I had it displaying fine on at least IE 5.0 and up, Safari, and Firefox, but for some reason, when I moved it, it ceased working on Firefox and (I'm guessing though haven't verified) Safari.

The issue is just that the page won't center. As far as I can tell, Firefox is ignoring automargin in the wrapper and just pushing everything to the left. Any idea what I might have done to break it?

The page is at www.oldcrankybrewers.com/blog

I posted the relevant css below.

Thanks!


<!/*
Theme Name: Old Cranky
Theme URI: www.oldcrankybrewers.com
Description: Old Cranky Theme
Version: 1.0
Author: Ben Dooley
Author URI: http://oldcrankybrewers.com

body {
background:#fff;
width:100%;
font:x-small trebuchet,Verdana,Sans-serif;
color:#fff;
font-size/* */:/**/small;
font-size: /**/small;
}

/* Page Structure
----------------------------------------------- */
#wrapper{
background:#fff;
width: 890px;
margin-left: auto;
margin-right: auto;
color: "red";
}


@media all {
#leftcolumn {
background:#000;
width: 890px;
text-align:center;
float:left;
color:#fff;
margin-top:-50px;
}

#navbar {
background:#000;
width:176px;
float:left;
color:#fff;
border-left:thin solid black;
}


#main{
background:#fff url("http://i68.photobucket.com/albums/i8/bndooley/crankyright1.png") no-repeat left top;
width:523px;
float:left;
color:#000;
overflow:hidden;
}

#content{
background:#fff;
color:#000;
width:420px;
float:left;
text-align:left;
padding-left: 40px;
}
}

#sidebar {
background:#000;
width:170px;
color:#369;
font-size:95%;
text-align:left;
float:left;
overflow:hidden;
}

@media handheld {
#main {
width:100%;
float:none;
}
#sidebar {
width:100%;
float:none;
}
}

#sidebar2 {
margin:0;
padding:2px 0px 0 30px;
}
>

[CWCJimmy]

I'm not sure if this is any help. But I copied your code and tested it internally and firefox had it centered, but when accessing it on your site it wouldn't center.

[bndooley]

Thanks. That's really weird. I have no idea what could be causing it. Are there any alternate centering strategies that might work?

Best,
Ben

[CWCJimmy]

To my understanding, I don't believe so. Setting left and right margins to auto should do it for firefox.

Sorry!