[Browser Mode vs. Document Mode] - ?s on using IE Dev tools to test for IE7-9

Whats good CSS Creators?
I have a large, old, and rather complex site that I've inherited which I'm slowly working on renovating. I've made some fairly dramatic CSS and HTML changes to the UI - which need to work in all modern browsers *plus* IE 7-9.

In using IE Web Dev Tools (in IE10) I'd like to get some input on the best way to test for older versions of IE, and the Browser Mode and Document Modes are a bit confusing. What is the best way, or combination of Browser & Document Modes to test for each version of IE?

position:fixed doesn't do its job

hello anyone, or perhaps even everyone....

About me: I am such a newbie, but am having such a great time learning about css its not even funny Wink

Mouse over for larger image

Hi, can any one tell me what I am missing here.
When I code my thumbnail images to switch to a enlarged pop-up when moused over in dreamweaver and (hit F12) check it in the browser it works just fine.
Then when I publish the same page, it no longer works... well only the text appears. The website is made as a page within a page using iframes, but I have done this before and had had no problems??
The site is www.explorerdiving.ca any help would be awesome and greatly appreciated. I've been trying to figure this out for 3 days now.. and my head is going to explode!

I am new to CSS. Please help..Thanks.

I found a free css code online for mouseover dropdown. The links I am putting are long so I would like to separate the links in four columns in a table. The codes in the body results to only one column of the table but I prefer to have four columns. I tried to put 4 columns using the td width%, but the result is a mess. Please help and thank you in advance.


.menu1, .menu1 ul {padding: 0; margin: 0; list-style: none;}
.menu1 a {display: inline; width: 180px;}
.menu1 li {float: left; padding: 0px 8px 2px 0px;}

Making a subclass active

This is reference to:


At the top of this page you'll not navigation links that begin with: [Bible Training] [Education Assistance] etc.

Currently I have a class (menu) that governs the behaviors, but for the life of me, I can't get a subclass (.active) to apply the hover attributes to an individual link once it has been selected. In other words, I want the "hover" properties that change the text to yellow and apply a graphic accent to remain in force on that page that loads when the link is selected.

Syndicate content