Резиновый <div> по центру страницы, как сделать?

@Путин · Регистрация: 14.04.2011

Author24 — интернет-сервис помощи студентам

Вот такой код:

HTML5

<div class="sky"><div class="topm" id="topmenu">
<ul>
   <li class="active"><a href="****"><span>VK Group</span></a></li>
   <li style="padding-left: 40%;"><a href="****"><span>Ban List</span></a></li>
   <li style="padding-left: 42%;"><a href="****"><span>Stats</span></a></li>
</ul>
</div></div>

CSS

#topmenu ul {
  list-style-type: none;
  width: auto;
  position: relative;
  display: block;
  height: 33px;
  font-size: 12px;
  background: #76b3f1 url(img/bg.png) repeat-x top left;
  font-family: Verdana, Helvetica, Arial, sans-serif;
  border: 1px solid #000;
  margin: 0;
  padding: 0;
}
#topmenu li {
  display: block;
  float: left;
  margin: 0;
  padding: 0;
}
#topmenu li a {
  float: left;
  color: #A79787;
  text-decoration: none;
  height: 24px;
  padding: 9px 15px 0;
  font-weight: normal;
}
#topmenu li a:hover,
.current a {
  color: #fff;
  background: #a3bae6 url(img/bg.png) repeat-x top left;
  text-decoration: none;
}
#topmenu .current a {
  color: #fff;
  font-weight: 700;
}
.topm {
position: fixed;
margin-top: 0px;
width: 100%;
}
.sky {
position: relative;
padding-bottom: 50px;
margin-left: 0px;
width: 100%;
}

Вроде бы по центру все, но захожу с телефона (Opera Mini) <div> уезжает куда-то влево...
Что не так ???

@Academik · 24.10.2013, 13:17

Я думаю из-за этого:

HTML5

1	<li style="padding-left: 40%;">

	24.10.2013, 13:17