css - Padding missing from div -

i've created mobile friendly site i'm having minor problem when page displayed @ low resolutions, such on mobile.

http://designated.net.au/testbed/djdais/

as can see looks fine in full screen, @ low resolution looks this:

there 5px of padding missing bottom of menu, though have defined in css.

here code:

/* =menu -------------------------------------------------------------- */  #access { background: #333; /* show solid color older browsers */ clear: both; display: block; float: left; margin: 0 auto 6px; min-width: 300px; max-width: 880px; min-height: 50px; border: solid; border-width: 10px; border-color: #666; padding: 0; text-transform: uppercase; } #access ul { font-size: 14px; line-height: 30px; list-style: none; margin: 0; padding: 5px; } #access li { float: left; position: relative; margin: 5px 5px 5px 5px; width: 135px; height: 30px; text-align: center; background: #666; } 

put float on #access ul

try this:

#access ul { font-size: 14px; line-height: 30px; list-style: none; margin: 0; padding: 5px; float: left; }