Владислав Копылов

jsfiddle.net/2cdht2e8

типо так:

<div class="field">
 <div class="triangle"></div>
 <div class="content"></div>
</div>

а дальше в ход вступает css с позиционированием

А вообще можно при помощи chrome developer tools посмотреть

на jquery при событии click() вызывать toggle()

Можно еще так:

function reloadSelect(){
	$('select').styler();
}
$(document).ready(function(){
	setInterval("reloadSelect();", 100);
});

Попробуй

#logo{
text-align: center;
}

Если используете bootstrap то шириной самой страницы можно манипулировать так:
1) Скачать и включить non-responsive.css
getbootstrap.com/examples/non-responsive/non-respo...
2) Указать в style.css

body{
	min-width: 1024px !important;
  margin: auto;
}
.container-fluid, .container{
	min-width: 1024px !important;}

3) В .html файлах
Добавить col-xs-* в добавок к имеющимся col-md-* col-lg-* col-sm-*

После третьей колонки поставь
<div style="clear: both"></div>

У тебя у leftbar - width: 220px;
В bootstrap если ты используешь у div'а теги col-lg-* col-md-* col-sm-* col-xs-* то фиксированную ширину ему задавать нельзя

https://www.dropbox.com/s/f3ftz2b6oj43jwd/%D0%A1%D...