First, the screenshots As you see, although i explicitly described the height, padding-top, etc,

Question

0

Asked: May 13, 20262026-05-13T10:05:38+00:00 2026-05-13T10:05:38+00:00

First, the screenshots As you see, although i explicitly described the height, padding-top, etc,

0

First, the screenshots

As you see, although i explicitly described the height, padding-top, etc, there’s always a little differece between browsers, how can i make them the same? This problem keep puzzling me and i never find the cause, i even tried delete reset.css i use but still no luck

Paste related DOM and CSS for reference

DOM:

<div id="menu">
        ...
        <form id="topsearch">
            <button name="submit" type="submit" tabindex="2"></button>
            <input id="s" name="s" type="text" value="SEARCH..." tabindex="1" />
        </form>
</d

CSS:

#topsearch {
    height:31px;width:205px;
    padding:8px 0 4px;
    background-color:#202020;
    float:right;
}

#topsearch #s {
    height: 17px;
    padding: 5px;
    vertical-align: middle;
}

#topsearch button {
    width: 26px;
    height: 26px;
    border: none;
}

Add the view in Firebug