li:hover problems with Internet Explorer

I should probably be able to figure this one out, but I have been at it for days and cannot seem to make progress. I believe it is a css problem with li:hover and Internet Explorer. I am relatively new to css and to WordPress and am in the process of developing a site using a theme named Amphawa. I have found the theme difficult to use and, because I am not that proficient in css, the situation is even worse.

name changes in CSS

Anyone wanting to have a cool name in the css here's your extra program

Failed attempt to embed image removed.

Link removed.

This is not a Counter strike forum, opening your eyes for two seconds would have shown you that *sigh* .

Need help with my horizontal menu - dropdowns not working in any IE

My dropdown menus are working fine in all versions of Safari, Firefox and Chrome. They won't drop down at all in any version of IE.

I've tried a jQuery fix - did not work. Tried a straight CSS fix - no bueno. My code does validate through W3C.

Can someone take a look at this and tell me where I might be going wrong? Any help would be appreciated. Thanks!

Here's the location of my dev site:

http://www.newsoundhearing.com/development/

Here's my page code from the index:

alignment of container in internet explorer 7

I have css below for my containers and html code. For some reason, the right column in ie7 is being pushed further right by approximately 20 pixels, and I can't figure out why. Any insight is appreciated.

html, body {
	margin: 0;
	padding: 0;
	line-height: 1em;
	height: 100%;
}
 
body{
	background: #000f42;
}
 
img {
	margin: 0;
	padding: 0;
	border: 0;
}
 
li {
	margin: 0;
	padding: 0;
	border: 0;
}
 
div#container {
	position: relative;
	background: #000f42;
	width: 950px;
	margin: 0 auto;
	padding: 0px;
	height:auto !important; /* real browsers */

Internet Explorer and Hover CSS - Probably something really simple...

Hello all.
I hate to feel like I'm wasting people's time with this, because I know I'm probably missing something really small, and really obvious, but it's driving me INSANE.

Basically, all I want is for some text to be one colour when standard, another colour when hovered over. I can get it to work fine straight away in Firefox and Chrome, but IE refuses to pay any attention to it.

I've been trying to break it down, so here is my incredibly simple bit of code:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
  <meta

Syndicate content