메뉴 1px이 더보여요
훌걸이
익스6에서만..디폴트에서.....오버부분 상단1px이 보여지네요...
css는
.footer .follow
{
left: 890px;
position: absolute;
top: 22px;
}
.fotter .follow{
top:23px;
.footer .follow li
{
float: left;
padding-left: 1px;
}
.mail, .febook, .blog
{
background-image: url(menu/follow.jpg);
display: inline-block;
height: 18px;
}
.mail
{
width: 19px;
}
.mail:hover
{
background-position: 0px -18px;
}
li.current .mail, li.current .mail:hover
{
background-position: 0 -18px;
}
.febook
{
background-position: -21px 0px;
width: 19px;
}
.febook:hover
{
background-position: -21px -18px;
}
li.current ..febook, li.current ..febook:hover
{
background-position: -21 -18px;
}
.blog
{
background-position: -42px 0px;
width: 19px;
}
.blog:hover
{
background-position: -42px -18px;
}
li.current ..blog, li.current .blog:hover
{
background-position: -42 -18px;
}
포지션값을..1px만조절해도 익스6에서는....눈대중으론 10px정도 오르락내리락합니다.....
왜 그러죠?
-
새난
제가 럭셔리데생님 말대로..
.mail, .febook, .blog{
\tbackground-image:url(menu/follow.jpg);
\tdisplay:inline-block;
\theight:18px;
\tline-height:0;
\tfont-size:0;
}
인라인하이트랑 폰트사이즈 0하니깐..해결된는데..왜 그런걸까요???
단지 되면좋은데..모르니깐되도 답답하고 더 궁금하네요..