[x]
Posted via EE Mobile

Search, ask, and monitor your questions on the go with EE Mobile. Visit Experts Exchange from your mobile device and never be out of touch again.
Question
[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!
9.6

Block displayed incorrectly in IE6

Asked by mike99c in Cascading Style Sheets (CSS)

I have created a a layout using three columns for the page content. The left and right columns display incorrectly in IE6 and Firefox, but they are OK in IE7

The left column should be fixed against the left margin, and the right column should be fixed against the right margin.

Have got an example at squareshape.co.uk/test1.htm
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:
146:
147:
148:
149:
150:
151:
152:
153:
154:
155:
156:
157:
158:
159:
160:
161:
162:
163:
164:
165:
166:
167:
168:
169:
170:
171:
172:
173:
174:
175:
176:
177:
178:
179:
180:
181:
182:
183:
184:
185:
186:
187:
188:
189:
190:
191:
192:
193:
194:
195:
196:
197:
198:
199:
200:
201:
202:
203:
204:
205:
206:
207:
208:
209:
210:
211:
212:
213:
214:
215:
216:
217:
218:
219:
220:
221:
222:
223:
224:
225:
226:
227:
228:
229:
230:
231:
232:
233:
234:
235:
236:
237:
238:
239:
240:
241:
242:
243:
244:
245:
246:
247:
248:
249:
250:
251:
252:
253:
254:
255:
256:
257:
258:
259:
260:
261:
262:
263:
264:
265:
266:
267:
268:
269:
270:
271:
272:
273:
274:
275:
276:
277:
278:
279:
280:
281:
282:
283:
284:
285:
286:
287:
288:
289:
290:
291:
292:
293:
294:
295:
296:
297:
298:
299:
300:
301:
302:
303:
304:
305:
306:
307:
308:
309:
310:
311:
312:
313:
314:
315:
316:
317:
318:
319:
320:
321:
322:
323:
324:
325:
326:
327:
328:
329:
330:
331:
332:
333:
334:
335:
336:
337:
338:
339:
340:
341:
342:
343:
344:
345:
346:
347:
348:
349:
350:
351:
352:
353:
354:
355:
356:
357:
358:
359:
360:
361:
362:
363:
364:
365:
366:
367:
368:
369:
370:
371:
372:
373:
374:
375:
376:
377:
378:
379:
380:
381:
382:
383:
384:
385:
386:
387:
388:
389:
390:
391:
392:
393:
394:
395:
396:
397:
398:
399:
400:
401:
402:
403:
404:
405:
406:
407:
408:
409:
410:
411:
412:
413:
414:
415:
416:
417:
418:
419:
420:
421:
422:
423:
424:
425:
426:
427:
428:
429:
430:
431:
432:
433:
434:
435:
436:
437:
438:
439:
440:
441:
442:
443:
444:
445:
446:
447:
448:
449:
450:
451:
452:
453:
454:
455:
456:
457:
458:
459:
460:
461:
462:
463:
464:
465:
466:
467:
468:
469:
470:
471:
472:
473:
474:
475:
476:
477:
478:
479:
480:
481:
482:
483:
484:
485:
486:
487:
488:
489:
490:
491:
492:
493:
494:
495:
496:
497:
498:
499:
500:
501:
502:
503:
504:
505:
506:
507:
508:
509:
510:
511:
512:
513:
514:
515:
516:
517:
518:
519:
520:
521:
522:
523:
524:
525:
526:
527:
528:
529:
530:
531:
532:
533:
534:
535:
536:
537:
538:
539:
540:
541:
542:
543:
544:
545:
546:
547:
548:
549:
550:
551:
552:
553:
554:
555:
556:
557:
558:
559:
560:
561:
562:
563:
564:
565:
566:
567:
568:
569:
570:
571:
572:
573:
574:
575:
576:
577:
578:
579:
580:
581:
582:
583:
584:
585:
586:
587:
588:
589:
590:
591:
592:
593:
594:
595:
596:
597:
598:
599:
600:
601:
602:
603:
604:
605:
606:
607:
608:
609:
610:
611:
612:
613:
614:
615:
616:
617:
618:
619:
620:
621:
622:
623:
624:
625:
626:
627:
628:
629:
630:
631:
632:
633:
634:
635:
636:
637:
638:
639:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>The Project Title</title>
<style type="text/css" media="all">
<!--
/* This rule resets a core set of elements so that they will appear consistent across browsers. Without this rule, content styled with an h1 tag, for example, would appear in different places in Firefox and Internet Explorer because each browser has a different top margin default value. By resetting these values to 0, the elements will initially be rendered in an identical fashion and their properties can be easily defined by the designer in any subsequent rule. */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, form {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
}
/* The body is the outermost layout component and contains the visible page content. Setting properties for the body element will help to create consistent styling of the page content and more manageable CSS. Besides using the body element to set global properties, it is common to use the body element to set the background color of the page and create a centered container for the page content to display. */
body {
  background-color: #666;
  color: #000;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  line-height: 14px;
  margin: 0 0 0 0; /* Sets the margin properties for an element using shorthand notation (top, right, bottom, left) */
  padding: 0 0 0 0; /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */
  text-align: center; /* Centers the page content container in IE 5 browsers. */
}
/* Commonly used to style page titles. */
h1 {
  color: #000;
  font-size: 14px;
  font-weight: bold;
  line-height: 14px;
}
/* Commonly used to style section titles. */
h2 {
  color: #000;
  font-size: 12px;
  font-weight: bold;
  line-height: 14px;
}
/* Sets the style for unvisited links. */
a,  a:link {
  color: #000;
  font-weight: bold;
  text-decoration: none;
}
/* Sets the style for visited links. */
a:visited {
  color: #000;
  font-weight: bold;
  text-decoration: none;
}
/* Sets the style for links on mouseover. */
a:hover {
  color: #000;
  text-decoration: underline;
}
/* Sets the style for a link that has focus. */
a:focus {
  color: #000;
}
/* Sets the style for a link that is being activated/clicked. */
a:active {
  color: #000;
}
/* This is a container for the page content. It is common to use the container to constrain the width of the page content and allow for browser chrome to avoid the need for horizontal scrolling. For fixed layouts you may specify a container width and use auto for the left and right margin to center the container on the page. IE 5 browser require the use of text-align: center defined by the body element to center the container. For liquid layouts you may simply set the left and right margins to center the container on the page. */
#outerWrapper {
  background-color: #fff;
  margin: 0 auto 0 auto; /* Sets the margin properties for an element using shorthand notation (top, right, bottom, left) */
  text-align: left; /* Redefines the text alignment defined by the body element. */
  width: 830px;
}
#outerWrapper #header2 {
	/* mc	background-color: #ddd; */
	background-color: #FFFFFF;
	border-bottom: solid 0px #666; /* Sets the bottom border properties for an element using shorthand notation */
	font-size: 18px;
	font-weight: bold;
	line-height: 15px;
	padding: 0px 10px 0px 8px; /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */
	color: #FFFFFF;
	border-top: solid 0px #666;
}
#outerWrapper #hnav {
/* mc background-color: #ddd; */
  background-color: #fff;
  border-bottom: solid 1px #666; /* Sets the bottom border properties for an element using shorthand notation */
  font-size: 18px;
  line-height: 15px;
  padding: 0px 0px 0px 25px; /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */
}
#outerWrapper #bar {
/* mc background-color: #ddd; */
  background-color: #fff;
  border-bottom: solid 1px #666; /* Sets the bottom border properties for an element using shorthand notation */
  font-size: 18px;
  line-height: 15px;
  padding: 0px 0px 0px 25px; /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */
}
#outerWrapper #contentWrapper #leftColumn1 {
	/* mc  background-color: #ebebeb; */
  background-color: #ffffff;
	border-right: solid 1px #666; /* Sets the right border properties for an element using shorthand notation */
	float: left;
	padding: 10px 10px 10px 10px; /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */
	width: 150px;
	border-left: solid 1px #666;
	border-bottom: solid 1px #666;
	margin-left: 23px;
	margin-bottom: 2em;
}
#outerWrapper #contentWrapper #rightColumn1 {
	/* mc  background-color: #ebebeb; */
  background-color: #ffffff;
	border-left: solid 1px #666; /* Sets the left border properties for an element using shorthand notation */
	float: right;
	padding: 10px 10px 10px 10px; /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */
	width: 150px;
	margin-right: 27px;
	border-right: solid 1px #666;
	margin-bottom: 2em;
	border-bottom: solid 1px #666;
}
/* Contains the main page content. When using a mutliple column layout the margins will be set to account for the floated columns' width, margins, and padding. */
#outerWrapper #contentWrapper #content {
  margin: 1px 170px; /* Sets the margin properties for an element using shorthand notation (top, right, bottom, left) */
  padding: 10px; /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */
}
/* Using floated elements and a clear float class is a common method to accomplish multiple column tableless layouts. If floated elements are used without being cleared the elements following will wrap around the floated element. This class should be applied to an element after the last floated element and before the close of the container with floated elements. */
#outerWrapper #contentWrapper .clearFloat {
  clear: both;
  display: block;
}
#outerWrapper #footer {
  background-color: #ddd;
  border-top: solid 1px #666; /* Sets the top border properties for an element using shorthand notation */
  padding: 10px 10px 10px 10px; /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */
}
div#header3 {
	height: 20px;
	width: 100%;
	border-top: solid #000 0px;
	border-bottom: solid #000 0px;
	background-color: #FFFFFF;
	padding-left: 0em;
}
 
div#header3 ul {
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	color: #FFF;
	line-height: 20px;
	white-space: nowrap;
}
 
div#header3 li {
	list-style-type: none;
	display: inline;
}
 
div#header3 li a {
	text-decoration: none;
	padding: 7px 50px;
	color: #583D2A;
	font-weight: bold;
}
 
div#header3 lia:link {
 color: #FFF:
}
 
div#header3 lia:visited {
 color: #CCC;
}
 
 
div#header3 lia:hover {
 font-weight: bold;
 color: #FFF;
 background-color: #3366FF;
}
div#header4 {
	height: 30px;
	width: 781px;
	border-top: solid #000 1px;
	border-bottom: solid #000 1px;
	background-color: #FFFFFF;
	background-image: url(images/searchbar_2.jpg);
	padding-left: 0px;
	margin-left: 2em;
	font-weight: bold;
}
 
 
div#header4 ul {
  color: #FFFFFF;
  font-family: Arial,Helvetica,sans-serif;
  font-size: small;
  line-height: 30px;
  white-space: nowrap;
  font-weight: bold;
  height: 30px;
  margin: 0;
  padding: 0;
  padding-left: 2em;
}
 
 
div#header4 li {
	float: left;
	margin-left: 1em;
	margin-right: 4em;
	display: inline; /* IE6 bug fix */
	padding-top: 2px;
}
 
 
div#header4 li a {
 text-decoration: none;
 padding: 7px 40px;
 color: #FFF;
}
 
 
div#header4 lia:link {
 color: #FFF:
}
 
 
div#header4 lia:visited {
 color: #CCC;
}
 
 
div#header4 lia:hover {
 font-weight: bold;
 color: #FFF;
 background-color: #3366FF;
}
 
div#header4 li.alternate {
	float: right;
	text-align: right;
	padding-top: 6px;
}
 
 
/*    */
div#header4float {
	height: 30px;
	font-weight: bold;
}
 
 
div#header4float ul {
 margin: 0px;
 padding: 0px;
 font-family: Arial, Helvetica, sans-serif;
 font-size: small;
 line-height: 30px;
 white-space: nowrap;
}
 
 
div#header4float li {
	list-style-type: none;
	display: inline;
	margin-left: 1em;
}
 
 
div#header4float li a {
 text-decoration: none;
 color: #FFF;
}
 
 
div#header4float lia:link {
 color: #FFF:
}
 
 
div#header4float lia:visited {
 color: #CCC;
}
 
 
div#header4float lia:hover {
 font-weight: bold;
 color: #FFF;
 background-color: #3366FF;
}
 
div#header1 {
	height: 23px;
	width: 100%;
	border-top: solid #000 1px;
	border-bottom: solid #000 0px;
	background-color: #FFFFFF;
}
 
 
div#header1 ul {
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	color: #FFFFFF;
	line-height: 20px;
	white-space: nowrap;
}
 
 
div#header1 li {
	list-style-type: none;
	display: inline;
}
 
 
div#header1 li a {
	text-decoration: none;
	padding: 6px 0px 0px 0px;
	color: #513824;
	float: right;
	font-size: 9px;
	margin-right: 2em;
}
 
 
div#header1 lia:link {
 color: #FFF:
}
 
 
div#header1 lia:visited {
 color: #CCC;
}
 
 
div#header1 lia:hover {
 font-weight: bold;
 color: #FFF;
 background-color: #3366FF;
}
div#footer1 {
	width: 781px;
	border-top: solid #000 1px;
	border-bottom: solid #000 1px;
	background-color: #FFFFFF;
	background-image: url(images/bottombar_2.jpg);
	padding-left: 0px;
	margin-left: 2em;
}
 
 
div#footer1 ul {
 margin: 0px;
 padding: 0px;
 font-family: Arial, Helvetica, sans-serif;
 font-size: small;
 color: #FFF;
 white-space: nowrap;
}
 
 
div#footer1 li {
 list-style-type: none;
 display: inline;
}
 
 
div#footer1 li a {
 text-decoration: none;
 padding: 7px 7px 7px 32px;
 color: #FFF;
}
 
 
div#footer1 lia:link {
 color: #FFF:
}
 
 
div#footer1 lia:visited {
 color: #CCC;
}
 
 
div#footer1 lia:hover {
 font-weight: bold;
 color: #FFF;
 background-color: #3366FF;
}
 
#leftnav {
	margin-bottom: 1em;
	color: #333;
	padding-right: 1px;
	}
#leftnav ul {
		list-style: none;
		margin: 0;
		padding: 0;
		border: none;
		}
		
#leftnav li {
		margin: 0;
		}
 
#leftnav li a {
		display: block;
		padding: 5px 5px 5px 0.5em;
		background-color: #FFFFFF;
		color: #402D1F;
		text-decoration: none;
		width: 100%;
		}
 
#leftnav li a:hover {
		background-color: #FFFFFF;
		color: #669966;
		}
/***** secondary links for left hand navigation *****/
/*if you take the border off it will display incorrectly in IE */
#leftnav .secondary1 {
	border: 1px solid white;
	margin-bottom: 0;
	padding: 0;
	margin-left: 0em;
}
#leftnav .secondary1 ul {margin: 0.1em 0em 0em 1em; padding: 0em; } 
/*If you take the border off it will display incorrectly in IE */
#leftnav .secondary1 li{
	margin: 0.4em 0.1em 0em 2.5em;
	padding: 0;
	border: 1px solid white;
	list-style-image: url(images/bullets.gif);
}
/*Fix so that in firefox the ul's display correctly */
html>body ul {margin: 0}
 
#leftnav .secondary1 li a {display: block; padding: 0em; margin: 0em 0em 0em 0em; text-decoration: none; color:#666666}
#leftnav .secondary1 li a:hover {text-decoration: underline}
/* on page style */
#leftnav .secondary1 a.onpage {font-weight: bold}
/***** End of left nav secondary links *****/
#rightnav {
	margin-bottom: 1em;
	color: #333;
	padding-right: 1px;
	}
#rightnav ul {
		list-style: none;
		margin: 0;
		padding: 0;
		border: none;
		}
		
#rightnav li {
		margin: 0;
		}
 
#rightnav li a {
		display: block;
		padding: 5px 5px 5px 0.5em;
		background-color: #FFFFFF;
		color: #402D1F;
		text-decoration: none;
		width: 100%;
		}
 
#rightnav li a:hover {
		background-color: #FFFFFF;
		color: #669966;
		}
		/* Credit link and faded image */
 
#footer2 {
	width: 100%;
	font-size: 80%;
	text-align: center;
	height: 6em;
	background-position: bottom;
	background-repeat: repeat-x;
	background-color: #FFFFFF;
}
#footer2 p {padding-top: 0.1em}
 
 
#footer3 {
	width: 100%;
	font-size: 80%;
	text-align: center;
	height: 2.7em;
	background-position: bottom;
	background-color: #FFFFFF;
}
#footer3 p {padding-top: 0.1em}
 
-->
</style>
<style type="text/css" media="print">
<!--
/* It is common to set printer friendly styles such as a white background with black text. */
body {
  background-color: #fff;
  background-image: none;
  border-color: #000; /* Sets the border color properties for an element using shorthand notation */
  color: #000;
}
-->
</style>
<!--[if IE 5]>
<style type="text/css"> 
/* IE 5 does not use the standard box model, so the column widths are overidden to render the page correctly. */
#outerWrapper #contentWrapper #leftColumn1 {
  width: 170px;
}
#outerWrapper #contentWrapper #rightColumn1 {
  width: 170px;
}
</style>
<![endif]-->
<!--[if IE]>
<style type="text/css"> 
/* The proprietary zoom property gives IE the hasLayout property which addresses several bugs. */
#outerWrapper #contentWrapper #content {
  zoom: 1;
}
</style>
<![endif]-->
</head>
<body>
<div id="outerWrapper">
  <div id="header4">
    <form id="search-form" method="post" action="/index.asp?PageKind=ItemSearch">
      <ul id="header">
        <li>
          <label for="sch">Search:</label>
          <input name="sch" id="sch" type="text" value="" size="25" style="padding:2px 0px" />
          <select id="cat" name="cat">
            <option value="">All categories</option>
          </select>
          <input name="go" style="border:none; margin-top:1px" type="submit"  value="go" alt="Search" />
        </li>
        <li> Two </li>
        <li class="alternate"> Three </li>
      </ul>
    </form>
  </div>
  <div id="contentWrapper">
    <div id="leftColumn1">
      <div id="leftnav">
        <ul>
          <li><a href="#">One</a></li>
          <li><a href="#">Two</a></li>
          <li><a href="#">Three</a></li>
        </ul>
      </div>
    </div>
    <div id="rightColumn1">
      <div id="rightnav">
        <h1>Title</h1>
        <ul>
          <li>
            <p>One</p>
          </li>
          <li>
            <p>Two</p>
          </li>
          <li>
            <p>Three</p>
          </li>
        </ul>
        <h1>Section A</h1>
        <ul>
          <li>One</li>
          <li>Two</li>
        </ul>
        <br/>
        <br/>
        <h1>Section B</h1>
        <ul>
          <li>
            <input name="sch" id="sch" type="text" value="" size="15" style="padding:2px 2px"/>
          </li>
          <li>
            <input name="join" style="border:none; margin-top:1px" type="submit"  value="join" alt="Search"/>
          </li>
        </ul>
      </div>
    </div>
    <div id="content">
      <h1>Body Content </h1>
      <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent aliquam,
        justo convallis luctus rutrum, erat nulla fermentum diam, at nonummy
        quam ante ac quam. Maecenas urna purus, fermentum id, molestie in, commodo
        porttitor, felis. Nam blandit quam ut lacus. Quisque ornare risus quis
        ligula. Phasellus tristique purus a augue condimentum adipiscing. Aenean
        sagittis. Etiam leo pede, rhoncus venenatis, tristique in, vulputate
        at, odio. Donec et ipsum et sapien vehicula nonummy. Suspendisse potenti.
        Fusce varius urna id quam. Sed neque mi, varius eget, tincidunt nec,
        suscipit id, libero. In eget purus. Vestibulum ut nisl. Donec eu mi sed
        turpis feugiat feugiat. Integer turpis arcu, pellentesque eget, cursus
        et, fermentum ut, sapien. Fusce metus mi, eleifend sollicitudin, molestie
        id, varius et, nibh. Donec nec libero. <a href="#">More...</a></p>
      <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent aliquam,
        justo convallis luctus rutrum, erat nulla fermentum diam, at nonummy
        quam ante ac quam. Maecenas urna purus, fermentum id, molestie in, commodo
        porttitor, felis. Nam blandit quam ut lacus. Quisque ornare risus quis
        ligula. Phasellus tristique purus a augue condimentum adipiscing. Aenean
        sagittis. Etiam leo pede, rhoncus venenatis, tristique in, vulputate
        at, odio. Donec et ipsum et sapien vehicula nonummy. Suspendisse potenti.
        Fusce varius urna id quam. Sed neque mi, varius eget, tincidunt nec,
        suscipit id, libero. In eget purus. Vestibulum ut nisl. Donec eu mi sed
        turpis feugiat feugiat. Integer turpis arcu, pellentesque eget, cursus
        et, fermentum ut, sapien. Fusce metus mi, eleifend sollicitudin, molestie
        id, varius et, nibh. Donec nec libero. <a href="#">More...</a></p>
      <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent aliquam,
        justo convallis luctus rutrum, erat nulla fermentum diam, at nonummy
        quam ante ac quam. Maecenas urna purus, fermentum id, molestie in, commodo
        porttitor, felis. Nam blandit quam ut lacus. Quisque ornare risus quis
        ligula. Phasellus tristique purus a augue condimentum adipiscing. Aenean
        sagittis. Etiam leo pede, rhoncus venenatis, tristique in, vulputate
        at, odio. Donec et ipsum et sapien vehicula nonummy. Suspendisse potenti.
        Fusce varius urna id quam. Sed neque mi, varius eget, tincidunt nec,
        suscipit id, libero. In eget purus. Vestibulum ut nisl. Donec eu mi sed
        turpis feugiat feugiat. Integer turpis arcu, pellentesque eget, cursus
        et, fermentum ut, sapien. Fusce metus mi, eleifend sollicitudin, molestie
        id, varius et, nibh. Donec nec libero. <a href="#">More...</a></p>
    </div>
    <br class="clearFloat" />
  </div>
</div>
</body>
</html>
[+][-]05/06/08 12:55 PM, ID: 21510463Accepted Solution

View this solution now by starting your 30-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

Zone: Cascading Style Sheets (CSS)
Sign Up Now!
Solution Provided By: Kravimir
Participating Experts: 1
Solution Grade: A
 
[+][-]05/05/08 11:46 AM, ID: 21502067Expert Comment

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 30-day free trial to view this Expert Comment or ask the Experts your question.

 
[+][-]05/06/08 11:52 AM, ID: 21509863Author Comment

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 30-day free trial to view this Author Comment or ask the Experts your question.

 
[+][-]05/06/08 12:17 PM, ID: 21510095Expert Comment

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 30-day free trial to view this Expert Comment or ask the Experts your question.

 
[+][-]05/06/08 12:45 PM, ID: 21510363Author Comment

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 30-day free trial to view this Author Comment or ask the Experts your question.

 
[+][-]05/10/08 02:03 AM, ID: 21538285Author Comment

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 30-day free trial to view this Author Comment or ask the Experts your question.

 
 
Loading Advertisement...
20091118-EE-VQP-93 / EE_QW_2_20070628