Body being bumped below side bar - but not in IE.

I'm building a site using a template for Joomla at www.stcharleshockey.com. The site works perfectly in IE, but when I try any other browser for the page at http://stcharleshockey.com/contact-us it pushes the body content below the sidebar. I've tried using Firebug but I can't figure out what the problem would be.

Any CSS whiz out there have an answer that I couldn't find?

Thanks in advance.

html5 website looks horrible in IE6,7,8 please help!(newbie)

hi!

huge THANK YOU to anyone who can help with his website: "www.ms-allegro.de".

i have tried all the layout fixes known for floated div bugs in IE ( display:inline; position :relative for the container element, etc etc) but NOTHING seems to work here.
the site just looks horrible in IE ( 6,7 AND Cool...

The users of the site are a complete opposite of geeks, some of them ont even know that there are other browsers, so I am fried ...

H E L P

IE 6 hover problem

I'm trying to create a model whereby a user can hover their mouse over 7 different steps and below the model a further description of the stage of the model is shown up. I have the following code and it works in ie7, ie8, ff, safari, opera and chrome but I cannot get anything to display in ie6.

I'm sure this is a common ie bug of some sort but I can't figure it out so any help will be massively helpful.

Css code

div#ourapproach1 {
		position:absolute;
		top: 200px;
		left:0;
		width:128px;
		height:180px;
		background: #3c0378;
		z-index:1007;
 
		}

jQuery slidemenu CSS positioning problem

Hi Everyone,

I've been scouring both jQuery and CSS forums for an answer to my question to no avail, as of yet.

I'm using a typical jQuery slidedown menu placed inside of it's own html page, which is then included on the main homepage via server-side include action.

The problem is with the lower half of the menu items. They shift down approximately 10 pixels when you rollover any of the menu items and stay there until you refresh the page. This problem only occurs in internet explorer 7 for windows that I'm aware of. It works fine on internet explorer version 6 and older.

how get these LI elements side by side in IE

I have the following code below, in Firefox the left LI is on the left and the right is on the right, but in IE the right one is below the left one, what am I doing wrong? Is there an IE hack to fix this?

body
{
   background: #FFFFFF;
   font-family: Arial,Helmet,Freesans,sans-serif;
}
 
.containerCenterAlign
{
   width: 100%;
   text-align: center;
}
 
.container
{
    display: block;
    margin-right: auto;
    margin-left: auto;
    width: 500px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    padding-right: 5px;

Syndicate content