вкладка

[Yahoo!]

Вот пробую сделать страничку, и столкнулся с проблемой, не могу убрать линию под дивом с надписью "тарам" , чтобы было типо вкладки, на сайте просматрел про параметр display: inline но он не срабатывает. Помогите, пожалуйста, уже непервый день над этим думаю:/

(про чистоту кода можете ничего мне не говорить, позже исправлю=) )

CSS:

*:focus {outline: none}

body {
   font-family: arial;
   font-size: 13pt;
}

html,body,h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,p,form,fieldset,legend,input,img {
   margin: 0;
   padding: 0;
}

div {
   margin: 0;
   padding: 0;
   position: relative;
}

#page {
   width: 100%;
   height: 100%;
}

#head {
   width: 100%
}

#body {
   margin: 10px 0
}

#footer {
   background: #F2F5F7;
}

#left_col {
   width: 18%;
   float: left;
}

#centr_col {
   width: 65%;
   float: left;
   display: block;
}

#right_col {
   width: 17%;
   float: left;
}

#centr {
   margin: 0 25px;
}

#catalog {
   border-top: solid 1px #2B5A85;
   padding-top: 5px;
   width: 100%;
   font-size: 12pt;
   margin: 0 0 1em 0
}

.clear {
   clear: both;
}

.yacheika {
   height: 100%;
   padding: 5px;
   background: #fff;
   margin-top: 6px;
}

.yacheika, .yacheikanone {
   border: 1px #2B5A85 solid;
   border-bottom: none;
   padding: 3px;
   float: left;
   margin-left: 5px;
   display: inline;
   white-space: nowrap;
}

.yacheikanone {
  background: #2B5A85 url('file:///C:/Documents and Settings/СЕРЕГА/Рабочий стол/menu2.png') repeat-x;
  color: #EBF0FC;
  margin-top: 6px;
}

#pixel {
  margin-left: 10px;
  min-width: 80px;
}

#pixelb {

  min-width: 130px;
}

#floatb {
  float: right;
  margin-top: 11px
}

#left_cat {
  float: left;
  width: 33.3%;
}

#centr_cat {
  float: left;
  width: 33.3%;
}

#right_cat {
  float: left;
  width: 33.3%;
}

HTML:

<div id="page">

  <div id="head">


 голова
  </div>

  <div id="body">

	<div id="left_col">


левая колонка


	</div>
	<div id="centr_col">

	   <div id="centr">

	   <div id="navigation">Вы находитесь: <span id="bold">главная</span></div>


		<p id="pixel" class="yacheika">тарам</p>

		<div id="pixelb" class="yacheikanone"><a title="Kinderspiele" id="yach" href="#">пам</a></div>

		<div id="floatb"><a title="Kinderspiele" id="kinderspiele" href="#">пам</a></div>
		<div class="clear"></div>

		   <div id="catalog">

		   <ul id="left_cat" class="linone">
			<li>а</li>

			<li>б</li>
			<li>в</li>
			<li>г</li>
		   </ul>


		   <ul id="centr_cat" class="linone">
			<li>д</li>
			<li>е</li>
			<li>ё</li>
			<li>ж</li>
		   </ul>


		   <ul id="right_cat" class="linone">
			<li>з</li>
			<li>и</li>
			<li>й</li>

			<li>к</li>
		   </ul>

		<div class="clear"></div>
		   </div>

	   </div>

	</div>
	<div id="right_col">

правая колонка
	</div>

	<div class="clear"></div>

  </div>

  <div id="footer">
футер
  </div>

</div>