Advertisement

06.03.2008 at 07:34AM PDT, ID: 23453277
[x]
Attachment Details
[x]
The Solution Rating System

With so many solutions, how can you tell which solutions are most likely to help you and which ones are not? To provide you with a tool to use, we rate our solutions based on various elements that most accurately determine if a solution is a quality solution. To explain what factors affect the solution rating, here are the elements we take into consideration when formulating our solution rating.

  • The Grade of the Solution
  • The Zone Rank of the Expert Providing the Solution
  • The Number of Author and Expert Comments
  • The Number of Experts Contributing
  • The Feedback of the Community

Your Input Matters
Because of the way the system is set up, the most important variable in this equation is you. As a member of Experts Exchange, you are able to cast your vote on the quality of the solutions in regard to how complete, accurate, helpful and easy to understand each solution is. When you provide your feedback, each rating is adjusted accordingly. So, if you see a solution that has a poor rating that you think is a good solution, let us know by rating it. As you do, the rating will be adjusted and will become more accurate for other members of our site.

If you have any suggestions that you would like to make for our rating system, please ask a question in the Suggestions Zone of Community Support.

Thank you!
6.6

CSS not working in IE7, but OK in Firefox

Asked by gagnonconsulting in Cascading Style Sheets (CSS), WordPress

Tags: , ,

I am developing a website using a Wordpress template that includes styles.css, and am having an issue with some of the CSS in IE7, although it works properly in Firefox. The specific problem is in the top right naviagation (Home, Programs & Registration, etc.), which is constructed as a ul, the third sub-menu items do not appear in the correct position. They are created as nested ul, as seen under the Join menu. Under Join, the second level ul, containing the li "Local Associations" is positioned correctly, but the third level ul, contiaining li entries such as "BNHBA" and "BACM", etc., shows up too far to the right in IE7. The third level menu is supposed to overlap the second level menu, as it does in Firefox, but in IE7, it seems to be placed to the right of the menu item the same amount as it was supposed to overlap. Any ideas of how to handle this would be greatly appreciated. Start Free Trial 
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
34:
35:
36:
37:
38:
39:
40:
41:
42:
43:
44:
45:
46:
47:
48:
49:
50:
51:
52:
53:
54:
55:
56:
57:
58:
59:
60:
61:
62:
63:
64:
65:
66:
67:
68:
69:
70:
71:
72:
73:
74:
75:
76:
77:
78:
79:
80:
81:
82:
83:
84:
85:
86:
87:
88:
89:
90:
91:
92:
93:
94:
95:
96:
97:
98:
99:
100:
101:
102:
103:
104:
105:
106:
107:
108:
109:
110:
111:
112:
113:
114:
115:
116:
117:
118:
119:
120:
121:
122:
123:
124:
125:
126:
127:
128:
129:
130:
131:
132:
133:
134:
135:
136:
137:
138:
139:
140:
141:
142:
143:
144:
145:

The first part of the source near the problem area:
 
<div id="wrap" class="clearfix">
	<div id="header" class="clearfix">
		<div class="sitehead-left" onclick="location.href='http://hbama.com/wordpress';" style="cursor: pointer;">
  			<h1>HBAM</h1>
  			<p>Information from the Home Builders Association of Massachusetts</p>
		</div>
		<div class="sitehead-right">
			<p><a href="http://hbama.com/wordpress/wp-login.php?action=logout">Log out</a></p>
			<div id="topnav">
				<ul>
					<li class="first"><a href="http://hbama.com/wordpress">Home</a></li>
					<li class="page_item page-item-49"><a href="http://hbama.com/wordpress/programs-reg" title="Programs &#038; Registration">Programs &#038; Registration</a>
<ul>
	<li class="page_item page-item-50"><a href="http://hbama.com/wordpress/programs-reg/caps-ii-class-info" title="CAPS II Class Info">CAPS II Class Info</a></li>
</ul>
 
</li>
<li class="page_item page-item-2"><a href="http://hbama.com/wordpress/about" title="About">About</a>
<ul>
	<li class="page_item page-item-36"><a href="http://hbama.com/wordpress/about/mass-builder-archives" title="Mass Builder Archives">Mass Builder Archives</a></li>
</ul>
</li>
<li class="page_item page-item-41"><a href="http://hbama.com/wordpress/benefits" title="Benefits">Benefits</a>
<ul>
	<li class="page_item page-item-42"><a href="http://hbama.com/wordpress/benefits/member-rebate-program" title="Member Rebate Program">Member Rebate Program</a>
	<ul>
 
		<li class="page_item page-item-43"><a href="http://hbama.com/wordpress/benefits/member-rebate-program/member-rebate-program-registration" title="Member Rebate Program Registration">Member Rebate Program Registration</a></li>
	</ul>
</li>
</ul>
</li>
<li class="page_item page-item-13"><a href="http://hbama.com/wordpress/join" title="Join">Join</a>
<ul>
	<li class="page_item page-item-15"><a href="http://hbama.com/wordpress/join/locals" title="Local Associations">Local Associations</a>
	<ul>
		<li class="page_item page-item-21"><a href="http://hbama.com/wordpress/join/locals/bnhba" title="Bristol Norfolk Home Builders Association, Inc. ~ BNHBA">Bristol Norfolk Home Builders Association, Inc. ~ BNHBA</a></li>
 
		<li class="page_item page-item-22"><a href="http://hbama.com/wordpress/join/locals/bacm" title="Builders Association of Central Massachusetts ~ BACM">Builders Association of Central Massachusetts ~ BACM</a></li>
		<li class="page_item page-item-23"><a href="http://hbama.com/wordpress/join/locals/bagb" title="Builders Association of Greater Boston ~ BAGB">Builders Association of Greater Boston ~ BAGB</a></li>
		<li class="page_item page-item-24"><a href="http://hbama.com/wordpress/join/locals/hbracc" title="Home Builders and Remodelers Association of CAPE COD ~ HB&#038;RACC">Home Builders and Remodelers Association of CAPE COD ~ HB&#038;RACC</a></li>
		<li class="page_item page-item-25"><a href="http://hbama.com/wordpress/join/locals/hbawm" title="Home Builders Association of Western Massachusetts ~ HBAWM">Home Builders Association of Western Massachusetts ~ HBAWM</a></li>
		<li class="page_item page-item-26"><a href="http://hbama.com/wordpress/join/locals/neba" title="North East Builders Associaton of Massachusetts, Inc. ~ NEBA">North East Builders Associaton of Massachusetts, Inc. ~ NEBA</a></li>
	</ul>
 
</li>
</ul>
 
from styles.ccc
/* -------------------[ Top Navigation ]------------------- */
 
#topnav { 
	float:right; 
	height:26px;
	line-height:26px; 
	padding: 0;
	margin: 0;
	clear:both;
	width:100%;
	}
 
#topnav ul {
	background:#fff;
	float:right; 
	height:26px;
	line-height:26px; 
	padding: 0;
	margin: 0;
	list-style-type: none;
	}
 
#topnav li { 
	float: left;
	margin: 0;
	padding:0;
	}
 
#topnav li li { 
	line-height:1.5em;
	float: none;
	margin: 0;
	padding:0;
	}
 
#topnav li ul {
	border-top:1px solid #fff;
	background: #000;
	display:none;
	position: absolute;
	width: 154px;
	left: -999em;
	padding:0; 
	}
 
#topnav li ul ul { 
	margin: -8px 0 0 20px;
	}
 
#topnav li:hover ul ul, #topnav li:hover ul ul ul, #topnav li.sfhover ul ul, #topnav li.sfhover ul ul ul {
	left: -999em;
	}
 
#topnav li:hover ul, #topnav li li:hover ul, #topnav li li li:hover ul, #topnav li.sfhover ul, #topnav li li.sfhover ul, #topnav li li li.sfhover ul { 
	display:block;
	left: auto;
	}
 
#topnav a, #topnav a:visited, #topnav a:link {
	display: block;
	text-decoration:none;
        padding:0 7px;
        margin:0;
	}
 
#topnav a:hover, #topnav a:active {
	background:transparent;
	color:#000;
	}
 
#topnav li.rss a, #topnav li.rss a:visited, #topnav li.rss a:link {
	padding-right:0 !important;
	padding-left:21px;
	background:url(images/rss-sm.gif) 7px 6px no-repeat;
	}
 
#topnav li li a, #topnav li li a:link, #topnav li li a:visited {
	color:#3399CC;
	background: #000;
	width:140px;
	float: none;
	margin: 0;
	padding-top:5px;
	padding-bottom:5px;
	}
 
#topnav li li a:hover, #topnav li li a:active {
	background: #333;
	color:#3399CC;
	}
 
#topnav li li li a {
	border-left:1px solid #fff;
	}
[+][-]06.03.2008 at 07:59AM PDT, ID: 21701036

At Experts Exchange, members can ask their questions to thousands of technology professionals, also known as Experts. Experts compete and collaborate to answer those questions by leaving comments like this one.

Start your 7-day free trial to view this Expert Comment or ask the Experts your question.

 
[+][-]06.03.2008 at 08:48AM PDT, ID: 21701610

View this solution now by starting your 7-day free trial. Setting up your free trial is quick, easy, and secure. We will return you to this solution, unlocked, when you're done.

 

About this solution

Zones: Cascading Style Sheets (CSS), WordPress
Tags: CSS, Firefox, IE7, http://www.hbama.com/wordpress
Sign Up Now!
Solution Provided By: gagnonconsulting
Participating Experts: 1
Solution Grade: A
 
 
[+][-]06.03.2008 at 08:52AM PDT, ID: 21701653

Often, when Experts are collaborating with members who have asked questions, they will request additional information about the problem. Askers respond with an author comment like this one.

Start your 7-day free trial to view this Author Comment or ask the Experts your question.

 
[+][-]06.03.2008 at 08:53AM PDT, ID: 21701662

Often, when Experts are collaborating with members who have asked questions, they will request additional information about the problem. Askers respond with an author comment like this one.

Start your 7-day free trial to view this Author Comment or ask the Experts your question.

 
[+][-]06.03.2008 at 09:03AM PDT, ID: 21701770

At Experts Exchange, members can ask their questions to thousands of technology professionals, also known as Experts. Experts compete and collaborate to answer those questions by leaving comments like this one.

Start your 7-day free trial to view this Expert Comment or ask the Experts your question.

 
[+][-]06.03.2008 at 09:10AM PDT, ID: 21701851

Often, when Experts are collaborating with members who have asked questions, they will request additional information about the problem. Askers respond with an author comment like this one.

Start your 7-day free trial to view this Author Comment or ask the Experts your question.

 
[+][-]06.05.2008 at 09:47AM PDT, ID: 21721486

Often, when Experts are collaborating with members who have asked questions, they will request additional information about the problem. Askers respond with an author comment like this one.

Start your 7-day free trial to view this Author Comment or ask the Experts your question.

 
[+][-]06.05.2008 at 09:55AM PDT, ID: 21721566

At Experts Exchange, members can ask their questions to thousands of technology professionals, also known as Experts. Experts compete and collaborate to answer those questions by leaving comments like this one.

Start your 7-day free trial to view this Expert Comment or ask the Experts your question.

 
[+][-]06.05.2008 at 01:53PM PDT, ID: 21723875

Often, when Experts are collaborating with members who have asked questions, they will request additional information about the problem. Askers respond with an author comment like this one.

Start your 7-day free trial to view this Author Comment or ask the Experts your question.

 
[+][-]06.05.2008 at 02:08PM PDT, ID: 21724018

Often, when Experts are collaborating with members who have asked questions, they will request additional information about the problem. Askers respond with an author comment like this one.

Start your 7-day free trial to view this Author Comment or ask the Experts your question.

 
[+][-]08.18.2008 at 12:47PM PDT, ID: 22254969

Often, when Experts are collaborating with members who have asked questions, they will request additional information about the problem. Askers respond with an author comment like this one.

Start your 7-day free trial to view this Author Comment or ask the Experts your question.

 
 
Loading Advertisement...
20080716-EE-VQP-32 / EE_QW_2_20070628