Forum Moderators: not2easy
Underneath my h2 tag and before my s-p id, Im getting a large space that appears out of nowhere in fire fox and internet explorer. Im trying to get rid of it.
Any help will be greatly appreciated.
Thank you!
CSS:
body{width:748px;background:#333 url(/img/bg.gif) repeat-y;margin:0}
h1{background:url(/img/logo.gif);width:748px;height:73px;margin:0}
h1 a{width:748px;height:73px;float:left;text-indent:-999px}
h2,h3{color:#c60;text-align:center;text-transform:uppercase}
h2{font:900 18px/28px verdana,sans-serif;margin:0;letter-spacing:5px}
h3{font:900 12px/12px verdana,sans-serif;letter-spacing:1px;float:left;width:130px;height:15px;padding-top:105px}
#nav{margin:15px 0 0;padding:0;float:left}
#nav li{width:135px;height:25px;list-style-type:none}
#nav a{background:url(/img/arrow.gif) no-repeat center left;width:105px;height:25px;color:#f60;text-decoration:none;float:left;font:900 11px/25px verdana,sans-serif;padding-left:30px;letter-spacing:1px;text-transform:uppercase}
#nav a:hover{color:#f00;background:url(/img/red-arrow.gif) no-repeat right}
#con{clear:none;padding:20px 150px}
#con p{color:#c60;font:10px/15px verdana,sans-serif;margin-top:0;text-align:justify}
#promo{height:229px;width:150px;margin:0 15px 5px 0;float:left;border:2px solid #c60}
.red{color:#f00}
#foot{font:10px/15px verdana,sans-serif;text-align:center;margin:0;padding:0;clear:both}
#foot a{color:#c60;text-decoration:none}
#foot a:hover{color:#f00;text-decoration:underline}
#foot li{display:inline;padding:0 15px;list-style-type:none}
#s-p,#s-g,#s-v,#s-w{width:430px;font:11px/15px verdana,sans-serif;color:#f00;clear:both}
#s-p h3{background:url(/img/b-photography.jpg)}
#s-g h3{background:url(/img/b-graphicd.jpg)}
#s-v h3{background:url(/img/b-video.jpg)}
#s-w h3{background:url(/img/b-web.jpg)}
HTML:
<body>
<h1><a href="/">Unleashed Vision</a></h1>
<div id="con">
<h2>Services</h2>
<div id="s-p">
<h3>Photography</h3>
<p>Sed eu erat. Aenean quis ipsum.</p>
<ul><li><a href="">A</a></li><li><a href="">B</a></li><li><a href="">C</a></li></ul>
</div>
<div id="s-g">
<h3>Graphic</h3>
<p>Sed eu erat. Aenean quis ipsum.</p>
<ul><li><a href="">A</a></li><li><a href="">B</a></li><li><a href="">C</a></li></ul>
</div>
<div id="s-v">
<h3>Videography</h3>
<p>Sed eu erat. Aenean quis ipsum.</p>
<ul><li><a href="">A</a></li><li><a href="">B</a></li><li><a href="">C</a></li></ul>
</div>
<div id="s-w">
<h3>web Design</h3>
<p>Sed eu erat. Aenean quis ipsum.</p>
<ul><li><a href="">A</a></li><li><a href="">B</a></li><li><a href="">C</a></li></ul>
</div>
</div>
</body>
...
h2{font:900 18px/18px verdana,sans-serif;margin:0;letter-spacing:5px}
...
Thanks again for helping.
