html - Why is there a little line there? -


i suspecting error here has shadow around nav bar. there little grey line underneath not on original image @ all. can't figure out how rid of it, , when have margins set 0 between , picture below has little gap inbetween line is.

image should here

css:

.wrap { width:90%; background-image: url(images/navbarbackground.png); background-repeat:no-repeat; margin-left:auto; margin-right:auto; box-shadow:5px 5px 20px rgba(0,0,0,0.3); padding:0px; font-family:minecrafter; }  .wrap:after{ content:" "; clear:both; display:block; height:0; visibility:hidden; }  .wrap ul { width:97%; padding: 0; }  .wrap li { display:inline-block; float: left; width: 20%; vertical-align:middle; }  .wrap li { text-decoration:none; background-color:#eeeeee; color:#666666; padding:6px 0 6px 0; border:1px solid #ccc; border-right:1px solid #333; border-bottom:1px solid #333; display:block; text-align:center; }  .wrap h2 { margin-top:10px; margin-bottom:10px; text-transform:uppercase; color:#ffffff; width:6em; text-align:center; line-height:1.0; letter-spacing:.04em; display:in line-block; vertical-align:middle; float:left; }  .wrap h2 span { display:block; letter-spacing:.17em; }  .navwrap { margin-top:0px; overflow:hidden; padding-top:16px; padding-bottom:0px; margin-bottom:10px; }  ul { margin:0; padding:0; list-style:none; }  .wtmu { width:90%; height:250px; display:block; margin-left:auto; margin-right:auto; margin-top:20px; margin-bottom:20px; } 

and html:

    <div class="wrap">         <h2 class="minecrafter">miners <span>union</span></h2>             <div class="navwrap">                 <ul class="nav">                     <li><a href="#">home</a></li>                     <li><a href="#">forums</a></li>                     <li><a href="#">donate</a></li>                     <li><a href="#">apply</a></li>                     <li><a href="#">map</a></li>                 </ul>             </div>     </div> 

thanks!

here http://jsfiddle.net/a47be5yf/ without grey shadow, bar either in image os div bit larger original image:

.wrap { width:90%; background-image: url(images/navbarbackground.png); background-repeat:no-repeat; margin-left:auto; margin-right:auto; box-shadow:5px 5px 20px rgba(0,0,0,0.3); padding:0px; font-family:minecrafter; height: 100px; /* or other */ } 

Comments

Popular posts from this blog

shopping cart - Page redirect not working PHP -

php - How to modify a menu to show sub-menus -

python - Installing PyDev in eclipse is failed -