Александр Анкудинов

.block{
overflow-x:hidden;
width:300px;
float:left;
}
.block:after{
clear:both;
display:table;
content:'';
}
.block img{
 height:100%;
}

<div class="block">
<img scr="/fsfsd/img.png" />
</div>

на java scripte

Надо задать ширину блоку <ul> и выровнять margin:0 auto;

Результат:

<ul id="topnav-menu" class="menu" style="width:500px;
margin:0 auto;">

Использована грубая ширина, подберите свою.

Привет,

display:flex

.container {
    width: 876px;  
     margin:0 auto; 
<i>display:flex  </i>    
}

.box {
<i>flex-flow: column nowrap;</i>
    width: 250px;	
    margin: 20px;
    text-align: center;
    float:left;
    background-color: #f8f8f8;
    border-width: 1px 1px 2px;
    border-style: solid;
    border-color: #F0F0F0 #F0F0F0 #CCC;
    -moz-border-top-colors: none;
    -moz-border-right-colors: none;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    border-image: none;
    border-radius: 5px;
}

overflow: hidden;