Hi there, Hope all is well. Was wondering if someone could let me know, why I am getting a large space between #div heada and div nav1 in Internet Explorer and not in Firefox or Opera. Also how would I get rid of it. Thanks <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <head> <style type="text/css"> html, body, ul, ol, li, dd, dt, img, a, p, h1, h2, h3, h4, h5, h6, form, table, tr, td, fieldset {margin: 0; padding: 0; border: 0; } body{ color: #000000; font-family:Georgia, "Times New Roman", Times, serif; margin: 0; padding: 0; text-align: center; background: #FFFFFF url(bg5w2g.jpg) repeat-x; } #wrapper{ width: 775px; text-align:left; margin-right: auto; margin-left: auto; text-align: left; font-family: "Times New Roman", Times, serif; padding-left: 10px; border-top: 0px solid #999999; border-right: 1px solid #999999; border-bottom: 0px none #999999; border-left: 1px solid #999999; background: #FFFFFF repeat-y left; } .marginzero { margin: 0px; } #acc0{ width: 765px; display: block; } #wrapper #headb #boxa button { height: 25px; width: 25px; color: #FFFFFF; background: #00008A; font: 12px "Times New Roman", Times, serif; } tr { border-top: thin solid #000000; } #picky { padding-top: 3px; padding-bottom: 3px; border-top: 1px solid #000000; border-bottom: 1px solid #000000; border-right-width: 1px; border-left-width: 1px; width: 140px; } .table1 { text-align: left; border-top: thin solid #000000; font-size: 100%; } .lh1 { line-height: 29px; } .btc1 { border-top: 1px solid #000000; text-align: left; } .btc2 { border-top: 1px solid #000000; text-align: left; } .order { float: right; } #wrapper #main #maincolb .table1 tr { border-top: thin solid #000000; } #wrapper #headb #boxa #jump-button { width: 90px; color: #000000; text-align: left; background: #FFFFFF; } #acc1{ color: #FFFFFF; overflow: hidden; text-align: center; height: 25px; width: 765px; display: block; } .jb { width: 200px; } #wrapper #acc0 #acc1 a { color: #FFFFFF; display: block; text-decoration: none; } #wrapper #acc0 a:hover { background: #333333 url(skiptocont1.gif); text-decoration: none; display: block; } #wrapper #acc0 a { background: #FFFFFF; text-decoration: none; } #acc2{ float: right; font-size: 13px; letter-spacing: 0.7px; color: #FFFFFF; text-align: left; display: none; } #wrapper #acc0 #acc2 a { color: #FFFFFF; } #heada{ width: 765px; height: 105px; border: 0; clear: both; padding-bottom: 5px; } #image{ width: 145px; float: left; text-align: center; background: url(00008A%20head.gif) no-repeat; height: 103px; padding: 0px; border-width: 0px; } #title{ margin-right: 155px; margin-left: 155px; position: relative; text-align: left; color: #000066; height: 105px; border-top: 0px; border-right: 0px; border-bottom: 0px; border-left: 0px; } #wrapper #heada #title p { position: relative; left: 0px; top: 0px; font-weight: bold; text-transform: uppercase; padding: 0px; width: 400px; color: #000066; } #address{ width: 145px; float: right; position: relative; text-align: center; border-top: 1px solid #000066; border-right: 0px none #000066; border-left: 0px none #000066; padding: 4px 0px; font-size: 0.8em; color: #00008A; } #bbt { background: url(botbordtop1.gif) no-repeat; height: 2px; clear: both; margin: 0px; padding: 0px; width: 765px; } .margbotadd { margin-bottom: 10px; } .legs { background: #FFFFFF url(00008A%20legs.gif) no-repeat; } #wrapper #headb #boxc .style3 { line-height: 0.9em; } #nav1{ border-width: 0px; } #nav2 { padding: 0px; border-width: 0px;color: #000000; margin: 0px; clear: both; } #nav2 li { margin: 0 10px 0 0; list-style: none; display:block; height: 50px; width: 145px; float:left; border-width: 0px; } #nav2 ul li a { font-size: 12pt; color: #FFFFFF; text-decoration: none; border-right: 0px solid #000000; text-align: center; padding: 0px; margin: 0px; background: #00008A; height: 47.6px; width: 145px; display: block; font-weight: bold; line-height: 3em; text-transform: uppercase; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px; } h2 { color: #00008A; font-size: 110%; text-align: left; } #headb{ padding: 5px 0px 0px; height: 128px; width: 765px; clear: both; } #boxa{ width: 145px; float: left; position: relative; text-align: left; border-top: 0px none #000000; border-right-width: 0px; border-left-width: 0px; border-right-color: #000000; border-left-color: #000000; background: url(quicklinks%20.gif) no-repeat; font-size: 0.8em; } .margbottomform { margin-bottom: 18px; } #boxb{ text-align: center; background: url(cr15142038zoomed%20brighter%20larger%20other%20bright.jpg) no-repeat center center; border-top: 0; border-bottom: 0; margin: 8px 0px 0px; border-right-width: 0px; border-left-width: 0px; } #pad { margin-right: 155px; margin-left: 155px; background: url(border%20top%20with%20background1.gif) no-repeat 0px 0px; border-right-style: none; border-left-style: none; border-right-color: #000000; border-left-color: #000000; font-size: 0.9em; line-height: 0.8em; } #bb { clear: both; width: 765px; background: url(botbord2.gif) no-repeat; height: 6px; } #boxc{ width: 145px; float: right; position: relative; border-top: 0px none #000000; background: url(toolbox.gif) no-repeat 0px 1px; font-size: 0.9em; text-align: center; color: #000000; line-height: 0.8em; } #bbb { float: left; width: 145px; } .invis { visibility: hidden; line-height: 0.8em; } #wrapper #heada #title p { position: relative; left: 0px; bottom: 16px; } #wrapper #heada #title #posi { position: relative; top: 90; right: 1px; font: bold 16px "Times New Roman", Times, serif; color: #00008A; } #main{ width: 765px; clear:both; position: relative; padding-top: 15px; padding-right: 0px; padding-bottom: 5px; padding-left: 0px; } .marg5 { margin-top: 20px; font-size: 0.7em; } #wrapper #headb #boxa form { text-align: center; } #maincola{ width: 144px; float: left; position: relative; text-align: center; } #maincolb{ margin-right: 155px; margin-left: 155px; position: relative; text-align: center; } #maincolc{ width: 145px; padding: 0px; float: right; position: relative; text-align: center; } #footer{ width: 765px; height: 0; margin: 0; padding: 0; clear:both; position: relative; text-align: center; } #wrapper #headb #boxc .style9 { line-height: 0.5em; } label { display: block; float: left; width: 10em; text-align: left; } .go1 { background: #00008A; border: 1px solid #00CCFF; color: #FFFFFF; font-weight: bold; } .submit { color: #FFFFFF; background: #000066; border: 1px solid #00CCFF; } #pad1 { padding-left: 10em; } form { text-align: left; } .nam { clear: both; float: left; width: 130px; text-align: left; } .year { float: left; width: 70px; text-align: left; } .hrc { clear: both; float: left; width: 454px; line-height: 0px; } </style> </head> <body> <div id="wrapper"> <div id="acc0"> <div id="acc2"><a href="accessibility.html">Accessibility</a>|<a href="sitemap.html"> Sitemap </a></div> <a href="#main"><div id="acc1">skip to content</div></a></div> <div id="heada"> <div id="image"></div> <div id="address"> <p>Address line 1</p> <p>Address line 2</p> <p>Address line 3</p> <p>Address line 4</p> <p></p> <p></p> </div> <div id="title"><div id="posi">Soundbite</div> </div> <div id="bbt"> </div> </div><div id="nav1"> <div id="nav2"><ul> <li class="legs"></li> <li><a href="#">Home</a></li ><li><a href="#">Nav button 1</a></li ><li><a href="#">Nav button 2</a></li ><li style="margin:0px"><a href="#">Nav button 3</a></li> </ul> </div></div></div> </body>
Same post as in the other forums, same answer. Why do you ask in so many forums ? I usually don't help people when they don't wait for a reasonable time before reposting.