Попытка "отменить" несколько вариантов CSS с помощью встроенного оператора

Question

Я пытаюсь "отменить" стиль в ненумерованном списке, поместив встроенный оператор стиля в теги "li". У меня все выглядит так, как я хочу, за исключением того, что мне не хватает пули.

Ниже приведен оригинальный CSS и мои встроенные опции стиля для их перезаписи:

#account_header li {
    border-bottom: 1px solid #888888;
    border-top: 1px solid #888888;
    display: inline;
    list-style-type: none;
    margin: 0;
    overflow: hidden;
    padding: 0 10px 0 0;
    color: #AA2222;
    font-family: "arial","helvetica";
    font-size: 16px;
    font-weight: bolder;
}

Вот что у меня внутри тега li:

<li style="border: none;display: block;margin: 0;overflow: hidden;padding: 0;list-style:disc outside none;">

Заранее спасибо... Я уже потратил много времени на это!

Answer 1

Я не думаю, что кто-то поверит в это, но это оказались опции overflow-x и overflow-y. Они были установлены как "скрытые", и мне пришлось посмотреть на "вычисленную" вкладку в Firebug, чтобы увидеть это (я вроде новичка в CSS, поэтому я никогда не слышал об этом раньше). По сути, я принял предложение мистера Листера сделать очень простой список, скопировал вычисленные стили в текстовые файлы и использовал функцию сравнения UltraStudio, чтобы увидеть разницу.

Хотелось бы, чтобы был более простой способ восстановить настройки по умолчанию!

Вот что у меня на данный момент:

<li style="border: none;display: list-item;margin: 0;padding: 0;visibility: visible;overflow-y: visible;overflow-x: visible;list-style:disc outside none;" >

Спасибо за вашу помощь всем!

Answer 2

Удалить display: block; а также overflow: hidden; от вашего встроенного CSS, и это будет работать.