Список выходит за пределы слоя

[skygazer]

Есть ненумерованный список, каждый пункт списка помечен картинкой. Этот список вылез за пределы слоя куда-то в межзвездное пространство на краю страницы по горизонтали, хотя по вертикали стоит как надо. Как я уже не пытался это исправить, или хотя бы понять в чем проблема-не получается. При overflow:hidden - список исчезает. Увеличивал размер слоя - не помогло.

Помогите пожалуйста, буду очень благодарен.

Код:

      <div id="bottom">
		<div id="col4">
		<h4>About Us</h4>
		<p class="three">Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, 
		consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et.</p>
		<p style="margin-top:26px" class="three">Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, 
		consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et.</p>
		<a href="#"><img style="margin-top:11px" src="images/more_50.gif"></a>
		</div>

		<div id="col5">
		<h4>Quick Links</h4>
		<ul class="list">
		<li><a href="#">Some Menu Link 1</a></li>
		<li><a href="#">Some Menu Link 2</a></li>
		<li><a href="#">Some Menu Link 3</a></li>
		<li><a href="#">Some Menu Link 4</a></li>
		<li><a href="#">Some Menu Link 5</a></li>
		<li><a href="#">Some Menu Link 6</a></li>
		</ul>
		</div>

		<div id="col6">
		<h4>Contact Us</h4>
		</div>
	</div>
</div>
</body>

body{
margin:0;
padding:0;
background:#616161;}

#wrapper{
width:1200px;
min-height:1600px;
background:#000;
margin:auto;}

#bottom{
width:100%;
height:388px;
background:url(images/bottombg_51.gif) no-repeat;
font-family:Trebuchet MS;
color:#fff;}
#col4,#col5,#col6{
height:347px;
float:left;}
#col4{
width:259px;
margin-left:118px;}
#col5{
width:163px;
margin-left:89px;
background:#858585;}
ul.list{
width:163px;
/* list-style-image:url(images/arrow_57.png); */}
ul.list a{
font-weight:normal;
font-size:98%;
/* margin-left:-19px; */}
#col6{
width:269px;
margin-left:180px;
background:#858585;}
h4{
margin-top:28px;
font-weight:normal;
font-size:20px;}
p.three{
font-size:86%;
margin-top:43px;}

Edited January 31, 2012 by skygazer

[Leisi]

У меня все нормально отображается.

Какой браузер используете?

[Vin]

У Вас сумма ширины блоков и боковых отступов в футере превышает 1200px, поэтому следует пересчитать размеры блоков. Не совсем по теме, но скажу, что 1200px — слишком большая ширина для страницы, у многих пользователей будут горизонтальные скроллы.

[skygazer]

ширина всего вместе 1078 пикселей, ничего не превышает.

У меня сверху есть еще код относящийся к списку, дело в нем. Макет фиксированного размера, я сейчас не думаю о пользователях с маленьким экраном, что поделать.

Поправил код сверху, все в порядке.

Edited January 31, 2012 by skygazer

[Vin]

Можешь покопать мою вёрстку, хотя она тоже вряд ли идеальна http://vin-villard.alwaysdata.net/global/

А может и оценить, заодно.