Как подключить меню к сайту?

[MDM]

Хочу сделать для себя такое меню:

http://webmascon.com/topics/coding/42a.asp

Взял код, вставил в свой, подключил CSS, а у меня стили на всей странице поменялись.

Вот скрин:

Например, стиль рамок - border: 1px solid #ccc;

Как видите, на картинке, везде рамка из серенькой однопиксельной линии, не только у меню.

Здесь я выложил код: http://files.mail.ru/KJVDAG

[homm]

Дак это же пример, а не так чтобы тупо содрать. Ограничивай действие CSS-правил конкретными классами и идентификаторами.

[MDM]

Дак это же пример, а не так чтобы тупо содрать. Ограничивай действие CSS-правил конкретными классами и идентификаторами.

Как ограничивать?

Я совсем новичок в этом деле...

У меня это меню находится в DIV-блоке, которому я присвоил id="div"

Например, для менюшки есть такой css:

ul {

margin: 0;

padding: 0;

list-style: none;

width: 150px; /* Width of Menu Items */

border-bottom: 1px solid #ccc;

}

Что я должен приписать, чтобы эти правила действовали только в этом DIV'е?

Я пробовал так (добавил #div):

#div ul {

margin: 0;

padding: 0;

list-style: none;

width: 150px; /* Width of Menu Items */

border-bottom: 1px solid #ccc;

}

Не получается

[homm]

ul#mysupermenu {

margin: 0;

padding: 0;

list-style: none;

width: 150px; /* Width of Menu Items */

border-bottom: 1px solid #ccc;

}

<ul id="mysupermenu">

Теперь твое правило будет действовать только на этот элемент.

[MDM]

ul#mysupermenu {

margin: 0;

padding: 0;

list-style: none;

width: 150px; /* Width of Menu Items */

border-bottom: 1px solid #ccc;

}

<ul id="mysupermenu">

Теперь твое правило будет действовать только на этот элемент.

Спасибо!... Буду пробовать...

Значит перепутал местами!