CSS positioning not working right in Firefox

Amazingly enough after working around the many bugs in IE I ended up having an issue in Firefox. The site I am designing is not positioning the center column correctly in non-IE browsers. (looks perfect IE7)
The url is:

the css (style.css):

body {
margin : 20px;
padding : 0;
font : 73% "Trebuchet MS", verdana, arial, sans-serif;
color : #666;
background : #F6F6F2 url(img/bgd.png) repeat;
#container {
width : 930px;
border : 5px solid #fff;
margin-left : auto;
margin-right : auto;
padding : 10px;
color : #666;

Wordpress CSS problem

I am having a problem with editing the CSS on my Wordpress page. I am attempting to get my #menu div (which is the sidebar) to float to the left of my #content div (which is the main content of the blog) and I can't figure out where I am going wrong.

Here is the html:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en-US"> 
<head profile="http://gmpg.org/xfn/11"> 
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> 

Video Player on left, Text on right - having trouble with block, float and subsequential text lines below it. 2 column layout


I am working on a new site and am having trouble with floating items in the MainContent area.
I have a sidebar with navigation and that seem to be messing around when I try to clear="both" in the MainContent area

1) I have a video player that needs to reside on the left, and some words that need to reside on the right (testimonials) (on the same line)

Div float problems

I have a problem with the div id="right-col2" not going to the right of the div id="left-col2". Instead it is appearing below the left-col2. Can anyone see what I am doing wrong here?? Thanks...

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Web Design Ohio</title>
<meta content="" name="description" />
<meta content="" name="keywords" />

float vs relative?


Syndicate content