Выпуск CSS Tab в Mozilla ⇐ Html

[Anonymous]

Я пытаюсь выяснить, почему мои вкладки отлично смотрятся в браузерах на основе Webkit, и даже IE7+. По какой -то причине они выглядят шатко в Мозилле. Может ли кто -нибудь дать мне несколько советов, чтобы исправить это?

ul#activity-tabs {
text-align: right;
border-bottom: 1px solid #cccccc;
list-style-type: none;
padding: 3px 10px 3px 10px;
}

ul#activity-tabs li {
display: inline;
}

ul#activity-tabs li.tab1 {
background-color: #fff;
}

ul#activity-tabs li.tab1 a {
padding: 3px 4px;
border: 1px solid #cccccc;
background-color: #fff;
color: #333333;
position: relative;
top: 1px;
margin-right: 0px;
text-decoration: none;
border-bottom: none;
padding-top: 4px;
}

ul#activity-tabs li.tab1 a:hover {
background: #fff;
}

ul#activity-tabs li.tab2 {
background-color: #fff;
}

ul#activity-tabs li.tab2 a {
padding: 3px 4px;
background-color: #fff;
color: #333333;

margin-right: 0px;
text-decoration: none;
border-bottom: none;
padding-top: 4px;
}

ul#activity-tabs li.tab2 a:hover {
padding: 3px;
border-top: 1px solid #cccccc;
border-left: 1px solid #cccccc;
border-right: 1px solid #cccccc;
}


< /code>

html: < /p>

• Tab 1
• Tab 2

< /code>

Любая помощь будет высоко оценена. Спасибо!

Подробнее здесь: https://stackoverflow.com/questions/576 ... in-mozilla