Height problem with IE

[ayok]

Hello,

Back with another problem..

 

I have problem with a height in IE. I've got this css:

#navigation{
     height:41px;
}

<tr><td id="navigation">Home | about us | etc</td></tr>

This height is the same height with the next cell of a table. I have no problem with other browser, but in IE the height is expanded to 10px (51px). How could this happen? How can I fix it?

 

Thank you for your time.

 

ayok

[wrathican]

dont use tables, use a div. try this. its not tested but its along the right lines.. i hope..

 

html:

<div class="navigation">Home | About | Etc</div>

 

css:

div.navigation {
text-align: center;
width: 100%;
posistion: relative;

[GameYin]

If I understand you correctly, IE's child element of the cell in the table, is getting an extra 10px. And also if you use 2 ids with the same name on the same page, it will be invalid. I wouldn't suggest using tables as layout.

 

You are the subject of inheritance.

[duclet]

It is very strange to see tables with CSS. Anyway, the problem is the margin and/or padding. Just set padding & margin to 0 and that should fix the probelm.