чтобы html интерпретатор не показывал криво,без поправок htm

чтобы html интерпретатор не показывал криво(без поправок html), надо подключить js код с каким то содержанием,с каким не помню.
немогли бы подсказать каким?
у меня показывает криво, как ставлю в сайтhttps://jsfiddle.net показывает правильно

 

Re: чтобы html интерпретатор не показывал криво,без поправок

ставлю разный padding-top,padding-bottom в li с содержанием подобрать персонал , картинка и область выделения текста не меняются.
Спросил в htmlforum.ru, мне показали мой код в сайте https://jsfiddle.net ,там показалась с правильная картинка.Потом я вспомнил, что если поставить правильный код js то html не будет поправлять картину как ему вздумается.(но какой код не помню)
как отключить у html автопоправку?
вот код

Код (Text):

1. <link rel="stylesheet" href="styles.css" type="text/css"/>
2. <div>
3.   <ul id="menu" >
4.     <li class="kolonki" style="position:relative; top: -4px;padding:13px;padding-left:29px;padding-right:29px;"><b>ГЛАВНАЯ</b></li>
5.     <li class="kolonki" style="position:relative; top: 1px;padding-top:2px;padding-bottom:0px ;padding-left:22px;padding-right:22px;"><b>ПОДОБРАТЬ<br/>ПЕРСОНАЛ</b>
6.       <ul id="menu1" >
7.         <li>Wwwwwww|</li>
8.         <li>Owwwwww|</li>
9.         <li>Rwwwwww|</li>
10.         <li>LDwwwww</li>
11.       </ul>
12.     </li>
13.     <li class="kolonki"><a class="kolonki">dd!!!!</a></li>
14.     <li>&nbsp; &nbsp; &nbsp;<a class="kolonki">www</a></li>
15.   </ul>
16. </div>
17. <p>
18. <span style="position:relative; top: 5px;">+5px</span>
19. <span style="position:relative;">0px</span>
20. <span style="position:relative; top: -5px;">-5px</span>
21. </p>

вот css

Код (Text):

1. ul#menu {
2. width: 923px;
3. max-height:39px;
4.  background-color: #804a0b;
5.  background:#fff url(imgs/menut.png);
6.  background-image: linear-gradient(#cc9a55, #804a0b);
7.  border-radius: 3px;
8.  box-shadow: 0 1px 1px #777;
9.  text-transform: uppercase;
10.  font:12px Arial, Helvetica;
11.  text-decoration: none;
12.  text-shadow: 0 1px 0 #000;
13.  color:white;
14.  
15. }
16.  
17. ul#menu1{
18.  background-color: #fdf4e3;
19.  /*border-radius: 6px;*/
20.  box-shadow: 0 1px 1px #777;
21.  text-transform: uppercase;
22.  font:16px Arial, Helvetica;
23.  text-decoration: none;
24.  text-shadow: 0 1px 0 #000;
25. }
26.  
27. li.kolonki:hover{
28.     background: #fff9e0;
29.     background-image: linear-gradient(#f7d683, #e8c478);
30. }
31. ul#menu1 li:hover{
32.     background: #f7d683;
33. }
34.  
35. ul#menu li{
36.     position: relative;
37.     list-style-type: none;
38.     display:inline-block;
39. }
40. ul#menu1{
41.  position: absolute;
42.  left: -9999px;
43. }
44. ul#menu li.kolonki:hover ul#menu1 {
45.  display: block;
46.  left:0;
47.  }

 

Re: чтобы html интерпретатор не показывал криво,без поправок

html показывает так а должен показывать вот так