Bir kutuda yan yana oturup 3 div var. 3. (en sağdaki) div'in içinde bazı düğmeler var.
But these buttons are not centring themselves(I mean centred both Vertically & Horizontally). See the image where the blue boxes should be centred inside the red box, but they actually sit too high & too far to the left.
Can you help me get my blue buttons to sit centred horizontally & vertically?
!http://i42.tinypic.com/1z18ahs.png

<head>
<title> </title>
</head>
<body>
<div id="mainContent">
<div id="mainContentInner">
<div id="featureBar">
</div>
<div style="float: left; width: 20px; height: 400px; margin: 10px; background-color: RGB(172,225,250);">
</div>
<!-- The 2 unordered lists in this div are supposed to be centred horizontally -->
<div id="menuBar">
</div>
</div>
</div>
</body>
</html>