Ксения :)

Здравствуйте! Мучаюсь уже неделю, не знаю в чем ошибка. Подскажите пожалуйста. Вот код страницы и код css. style.css * { padding : 0; margin : 0; } body { font-family : Arial, Helvetica, sans-serif; font-size : 13px; } img { padding : 5px; border : 1px solid #D61011; } img.floatTL { float : left; margin-right : 10px; margin-bottom : 0; margin-top : 10px; margin-left : 10px; width : 60px; height : 60px; } img.floatTR { float : right; margin-left : 7px; margin-bottom : 0; margin-top : -2px; margin-right : 10px; } p { text-align :justify; padding : 5px; color : #666; font-size : 1.1em; } #wrapper { margin : 0 auto; width : 800px; } #header { color : #333; width : 800px; height : 142px; float : left; margin : 10px 0 5px 0; background-image : url(images/headerbg.gif); background-repeat : no-repeat; } .logo h1#lineone { font-size : 2em; font-weight : lighter; font-family : helvetica, arial, sans-serif; padding-top : 40px; padding-left : 155px; color : #99ff32; border : none; top : 0; left : 14px; letter-spacing : -1px; } .logo h1#lineone span { color : #0066ff; } .logo h2#linetwo { padding-left : 155px; font-size : 0.9em; font-family : helvetica, arial, sans-serif; text-transform : none; top : 25px; left : 14px; color : #0066ff; } .logo h2#linetwo a { color : #0066ff; text-decoration : none; } #navigation { float : left; width : 800px; height : 36px; color : #333; margin : 0 0 5px 0; background-image : url(images/navbarbg.jpg); background-repeat : no-repeat; } #navigation { background-color : #1f00ca; } #navigation ul { font-family : Arial, Helvetica, sans-serif; font-weight : bold; color : #0066ff; text-align : center; margin : 0; padding-bottom : 5px; padding-top : 10px; padding-left : 0; } #navigation ul li { display : inline; } #navigation ul li a { padding : 5px 10px 5px 10px; color : #FFFFFF; text-decoration : none; border-left : 1px solid #FFFFFF; border-right : 1px solid #FFFFFF; margin-right : -5px; } #navigation ul li a:hover { color : #8C1414; border-left : 1px solid #8C1414; margin-right : -5px; } #leftcolumn { color : #333; border : 1px solid #D61011; margin : 0 5px 5px 0; height : 465px; width : 215px; float : left; } #leftcolumn h3 { padding-left : 5px; padding-top : 3px; padding-bottom : 8px; font-size : 1.4em; font-weight : lighter; color : #D61011; letter-spacing : -1px; } #leftcolumn ul { padding : 3px 0 8px 0; } #leftcolumn li { line-height : 18px; background : #fff; list-style : square; padding-left : 0; margin-left : 21px; color : #D61011; } #leftcolumn li a { text-decoration : none; color : #D61011; } #leftcolumn li a:hover { text-decoration : underline; color : #D61011; } .news { margin-left : 5px; width : 205px; padding-bottom : 10px; } .news p { margin-top : 0; padding-left : 5px; text-align :center; border : 1px solid #D61011; background-color : #FFFFFF; } .news b { color : #577c81; } .news em { line-height : 10px; color :#D61011; } .news h2 { font-family : "arial", helvetica, sans-serif; font-size : 1.2em; margin-top : 5px; margin-left : 5px; margin-bottom : 10px; color : #679499; } #rightcolumn { float : right; margin : 0 0 5px 0; height : 466px; width : 578px; display : inline; } #rightcolumn h2 { background-image : background-repeat : no-repeat; background-position : 0 1px; padding-left : 10px; padding-top : 5px; font-size : 1.3em; color : #D61011; } #rightcolumn h4 { padding-left : 5px; padding-top : 6px; font-size : 1.3em; color : #D61011; border-bottom : 2px solid #D61011; margin-left : 10px; margin-right : 10px; } #box { margin-top : 5px; margin-bottom : 10px; } #box p { font-size : 1em; } #box a { text-align : right; text-decoration : none; float : right; color : #D61011; font-weight : bolder; } #box a:hover { text-align : right; text-decoration : underline; float : right; color : #D61011; font-weight : bolder; } .content_right { margin : 0 auto; display : inline; float : right; width : 275px; text-align : justify; margin-right : 5px; padding-left : 5px; padding-bottom : 5px; padding-right : 5px; padding-top : 2px; line-height : 1.5em; } .content_left { margin : 0 auto; padding : 5px; display : inline; float : left; width : 275px; text-align : justify; line-height : 1.5em; } .content_left h3 { font-size : 1.1em; margin-bottom : 5px; font-family : Arial, Helvetica, sans-serif; color : #D61011; } .content_right h3 { font-size : 1.1em; margin-bottom : 2px; margin-top : 5px; font-family : Arial, Helvetica, sans-serif; color : #D61011; } #footer { width : 800px; color : #333; border : 1px solid #D61011; margin : 0 0 10px 0; } #footer p { font-size : 0.8em; text-align : left; float : left; } #footer a { color : #173aff; text-decoration : underline; } index.htm <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title>FREE CSS TEMPLATE TWO COLUMN 2</title> <link rel="stylesheet" type="text/css" href="style.css" /> </head> <body> <!-- Begin Wrapper --> <div id="wrapper"> <!-- Begin Header --> <div id="header"> <div class="logo"> <h1 id="lineone"></h1> <h2 id="linetwo"></h2> </div> </div> <!-- End Header --> <!-- Begin Navigation --> <div id="navigation"> <ul> <li><a href="index.htm">Главная</a></li> <li><a href="firm.htm">Фирмы</a></li> <li><a href="#">Объекты</a></li> <li><a href="#">Планировки</a></li> <li><a href="#">Кредиты</a></li> <li><a href="#">Контакты</a></li> <li><a href="#">Аналитика</a></li> </ul> </div> <!-- End Navigation --> <!-- Begin Left Column --> <div id="leftcolumn"> <h3>Важная информация</h3> <ul> <li><a href="#" title="#">Цены</a></li> <li><a href="#" title="#">Лицензии</a></li> <li><a href="#" title="#">Бланк договора</a></li> <li><a href="#" title="#">Проектные декларации</a></li> </ul> <h3>Новости</h3> <div class="news"> <p><em>30 июля 2007г.</em></p> <p>Последний день летних скидок на квартиры в Тюменском микрорайоне </p> <p><em>1 ноября 2007г.</em></p> <p>Начнется строительство самого большого здания по эту сторону Урала </p> <p><em>2 августа 2007г.</em></p> <p></p> </div> </div> <!-- End Left Column --> <!-- Begin Right Column --> <div id="rightcolumn"> <h2>Мы рады видеть вас на нашем сайте</h2> <p></p> <h4>Анализ рынка</h4> <div id="box"> <div class="content_left"> <h3>Цены больше расти не будут</h3> <p>Заявляет директор агентства недвижимости "Этажи" Хусаинов Ильдар Борисович.</p> <a href="#">читать дальше</a> </div> <div class="content_right"> <h3>До ценового дна еще очень далеко</h3> <p>Утверждает начальник отдела маркетинга группы компаний "Дом"</p> <a href="#">читать дальше</a> </div> </div> </div> <!-- End Right Column --> <!-- Begin Footer --> <div id="footer"> <p>Design by WithArt</p> </div> <!-- End Footer --> </div> <!-- End Wrapper --> </body> </html> Проблема в том, что дублируется надпись "Design by WithArt". в ч?м ошибка не понимаю.

спасиб большое)

body { margin: 0; padding: 0; background: #E5E5E5; font-family: Georgia, "Times New Roman", Times, serif; font-size: 13px; color: #666666; } blockquote { font-style: italic; } a { color: #135293; } a:hover { text-decoration: none; } .title1 { margin: 0; padding: 10px 0; background: url(images/img07.gif) repeat-x left bottom; font-weight: normal; font-size: 129%; color: #FFFFFF; } .title2 { margin: 0; padding: 10px 0; background: url(images/img09.gif) repeat-x left bottom; font-size: 227%; font-weight: normal; color: #135293; } .title3 { margin: 0; padding: 10px 0; background: url(images/img11.gif) repeat-x left bottom; font-size: 129%; font-weight: normal; color: #FFFFFF; } .boxed { padding: 5px 30px 20px 30px; } .boxed p, .boxed ul, .boxed ol { line-height: 180%; } .orange { margin: 20px 30px; background: #FF9523 url(images/img10.gif) repeat-x; color: #FFFFFF; } .orange a { color: #FFFFFF; } .col-one { float: left; width: 300px; } .col-two { float: right; width: 300px; } /* Page */ #page { width: 980px; margin: 0 auto; background: #FFFFFF; } /* Sidebar */ #sidebar { float: left; width: 240px; } /* Logo */ #logo { height: 70px; background: #FFFFFF url(images/img02.gif) repeat-y right top; } #logo h1, #logo h2 { margin: 0; text-transform: lowercase; text-align: center; font-weight: normal; font-style: italic; color: #9C9C9C; } #logo h1 { padding: 190px 0 0 0; background: url(images/img03.gif) no-repeat center center; font-size: 36px; } #logo h2 { font-size: 14px; } #logo a { color: #9C9C9C; text-decoration: none; } #menu { padding: 20px; background: white; border-bottom:white; } #menu ul { margin: 20; padding: 40; list-style:none; } #menu li { padding:30px 0; background: white; } #menu li.first { color: #000; background: #FFFFFF; border-bottom: 1px solid #FFFFFF; list-style: url(images/tennis_ball.gif); } #menu a { color: white; padding: 20px 40px; border: 1px solid #0F3974; border-bottom: none; background: #006EBD; text-decoration: none; } #menu a:hover { color: #FFFFFF; background: #28166F; border-color: #0F3974; } #links { float: left; width: 220px; height: 45px; padding: 35px 0 0 20px; background: url(images/img13.gif) repeat-x; } #links a { color: #FFFFFF; } а вот index.htm часть где меню: <div id="menu"> <ul> <li class="first"><a href="#">Главная </a></li> <li><a href="#">Новости </a></li> <li><a href="#">Тренеры</a></li> <li><a href="#"> Галерея </a></li> <li><a href="#">Рейтинги</a></li> </ul> </div> А как изменить background?

Я создаю меню на своем сайте. Для того, чтобы сделать его красивым, попробовала вставить маркированный список, маркером сделала картинку - теннисный мячик. Но возникла проблема, мячик по отношению к кнопке меню находится выше, а мне хотелось бы чтобы и маркер и кнопка находились на одном уровне. Как это сделать. Как получается меню: