CSS проблема. Помогите пожалуйста.

Дорогие, помогите пожалуйста to fix this problem.

Я не селён в CSS. Вот задаю параметр padding-bottom 60 пикселей, но в IE этот паддинг начинается от базовой линии кнопки, а в Firefox отсчёт паддинга начинается от верхней линии кнопки. Пожалуйста помогите. Что я делаю неправильно?

Прикрепляю две картинки скриншота и вот код CSS и HTML:

:)

div#menucontainer {

        padding-bottom: 60px;

        width: 950px;

        background-color: red;

        margin: 0 auto;

        }



#nav a {

	float:left; 

	color:#149CD6;

	background-color: #fff;

	margin:0 2px 0 0; 

	padding:0 0 0 2px;

	}

	

#nav a b {

	float:left; 

	display:block; 

	background-color: transparent;

	padding:5px 16px 5px 12px;

	}

	

#nav a:hover {

	background-color: #CEF1FF;

	color: #00677D;

	cursor:pointer;

	text-decoration: none;

	}	

	

#nav .current a {

	background-color: #3a73ba;

	color:#ccc; 

	cursor:default;

	} 

#nav {

	font: 12px Verdana,Helvetica,Sans-Serif;

	font-weight: bold;

        padding-left: 1px;

	float: center;

	}

                   <div id="menucontainer">

                                <div id="nav">			

				<a href="{url_1}" title="Главная "><b>Главная</b></a>

				<a href="{url_2}" title="Информация"><b>Информация</b></a>

                                <a href="{url_3}" title="Недвижимость"><b>Недвижимость</b></a>

				<a href="{url_4}" title="Новости"><b>Новости</b></a>

                                <a href="{url_5}" title="Контакты"><b>Контакты</b></a>

				</div>

                   </div>