Защо се получава така ?

lubo91

Registered
Правя си меню с табове и използвам тоя код
Код:
#menu{width: 610px; height: 35px; }


ul { list-style: none inside; display: inline; }

.nav {}
.nav  {display:inline;}
.nav  li a { display: block; height: 35px; text-indent: -9999px;  margin: 17px 0 0 3px; float: left;}
.nav  li.nachalo a {width:195px; background:url(../img/nachalo.jpg) bottom center no-repeat; }
.nav  li.zamen a {width:124px;  background:url(../img/zamen.jpg) bottom center no-repeat; }
.nav  li.portfolio a { width:142px; background:url(../img/portfolio.jpg) bottom center no-repeat;   }
.nav  li.contact a { width:158px; background:url(../img/kontakti.jpg) bottom center no-repeat;}
.nav  li a:hover { text-decoration: none; background-position: top center ;}
.nav  li.activen a { text-decoration: none; background-position: top center ;}

Проблема е че като си сложа картинките на табовете всяка картинка е по надоло от следващата в низходящ ред от картинката за "начало" и друг път съм си правил по същия начин такова меню и пак със същия проблем , но тогава си правих различни цсс за другите броузери а сега няма желание да се занимавам. Ако си задам маргин на всяка картинка по отделно всичко ше си доиде на място , но пък тогава ше се наложи да прая още 2 цсс фаила за другите броузери. :?

Дали ше може да се излъже да се наредят както трябва без излишни цсс-и ? :)
 

Back
Горе