Challenging Problems.. Help required

Basically I have 2 problems with my website.. http://www.limsimi.com

1. Things look fine if you view the webpage in Fullscreen mode. However, if you view in non-fullscreen mode, the images starts to overlap. It seems like the webpage is unable to scroll properly.

2. The buttons in my webpage looks weird. If you look at the top right hand corner of the webpage (Where there is a email subscription link) and the google search box, the “Search” and “submit” button seems weird. If I paste the exact same code to another blog using a different theme, the button looks more correct.

I suspect something is wrong with my layout.css. Can anyone help?

————–Layout.css———————
/* reset
————————————————–*/
body,h1,h2,h3,h4,h5,h6,p,form,fieldset {margin:0;padding:0;}
.low {display:none;}
/* body
————————————————–*/
body {
margin:0;
padding:15px 0;
font-family:Arial, Helvetica, sans-serif;
font-size:75%;
line-height:1.6em;
text-align:center; }

body#commentspopup {padding:0;}

/* headings
————————————————–*/
h1 {font-size:30px;}

#content h2 {
margin:0 0 18px 0;
font-family:Georgia, serif;
font-size:1.6em;
font-weight:normal; }

#content h3 {
margin:0 0 18px 0;
font-size:1em; }

#content h4 {
margin:0;
font-size:1em; }

#content.archive h2 {margin:0 0 26px 0;}

#content.archive h3 {
margin:0 0 10px 0;
font-family:Georgia, serif;
font-size:1.3em;
font-weight:normal; }

#content.archive h4 {
margin:0 0 18px 0;
font-size:1em; }

#content.archive h5 {
margin:0;
font-size:1em; }

/* links */
a { text-decoration:none; font-weight: normal; }

a img { border: 0px; }

a img.no { border: 0px none; }

a img.yes { padding: 4px; border: 1px solid #cccccc; }

/* paragraphs, lists, etc */
p {
margin:0;
padding:0 0 18px 0; }

ul {
margin:0 0 0 1.4em;
padding:0 0 18px 0; }

ul ul {padding:0;}

blockquote{
background: #EEE url(images/blockquote.png) no-repeat bottom left;
padding: 10px;
padding-bottom: 40px;
margin: 1em; }

blockquote.mine{
background: #fdf3ff url(images/blockquotemine.png) no-repeat bottom left;
padding: 10px;
padding-bottom: 40px;
margin: 1em; }

pre {
overflow:auto;
margin:0 0 18px 0;
padding:4px; }

pre, code, kbr {font-family:Courier, Monaco, monospace;}

code, kbr {padding:0 2px;}

abbr, acronym {
font-size:0.9em;
letter-spacing:1px; }

/* images */
img.left {
float:left;
margin:0 12px 0 0; }

img.right {
float:right;
margin:0 0 0 12px; }

img.center {
display: block;
margin:0 auto; }

img.yes {
padding: 4px;
border: 1px solid #DCDDDE; }

img { border: 0px; }

/* container */
#container {
width:85%;
margin:0 auto;
padding:30px 30px 0 30px;
text-align:left; }

#commentspopup #container {
width:70%;
padding:0 15px; }

/* header */
#header {
height:120px;
padding:0 0 0 18px;
text-align:center; }

#header h1 {
display:none; /* This will hide the text in your header */
padding-top:50px; }

/* navigation */
#navigation {
height:1.7em;
line-height:1.7em;
width: 99%; }

#navigation ul {
margin:0;
padding:0; }

#navigation li {
float:left;
margin:0;
padding:0;
list-style-type:none;
border-right:1px solid;
white-space:nowrap; }

#navigation li a {
display:block;
padding:0 18px;
font-size:0.8em;
text-transform:uppercase;
letter-spacing:1px; }

* html #navigation a {width:1%;} /* see http://www.positioniseverything.net/explorer/escape-floats.html */

#navigation form {
float:right;
height:100%;
width:205px;
padding:0 3px;
border-left: 1px solid;
line-height:1.7em; }

/* Fix for IE to display correct size */
* html #navigation form {
float:right;
width:210px;
height: 1.7em;
padding:0 3px;
border-left: 1px solid;
line-height:1.7em; }

#navigation form fieldset {
/* centering the search form could’ve
been done way more elegant but IEWin
and Opera refused to follow the rules */
margin-top:0px;
border:0 solid; /* Opera */ }

* html #navigation form fieldset {margin-top:3px;}

#navigation #s {
height:1.3em;
width:145px;
margin: -1px 5px 0px 15px;
padding:0;
border:1px solid;
font-size:0.8em;
line-height: 1.7em;
vertical-align:middle; }

#navigation #searchbutton {
height:1.7em;
width:auto;
padding: 0px 1px;
margin-top: -3px;
border:1px solid;
font-size:9px;
letter-spacing:1px;
text-align:center;
vertical-align:middle; }

*html #navigation #searchbutton { /* Fix for IE Win */
height:1.7em;
width:auto;
padding: 0px 1px;
margin-top: 0px;
border:1px solid #FFFFFF;
font-size:9px;
letter-spacing:1px;
text-align:center;
vertical-align:middle; }

/* content */
#content {
float:left;
width:75%;
padding-top:32px; }

.singlecol #content {
float:none;
width:85%;
margin:0 70px; }

#commentspopup #content {
float:none;
padding-top:0; }

/* entry */
.entry {margin:0 0 40px 0;}

.entry .info {
position:relative;
margin-top:-3px;
padding:3px;
border-top:1px solid;
border-bottom:1px solid;
font-size:0.9em; }

.entry .single {clear:both;}

.entry .single .info {margin:0 0 22px 0;}

.entry .info a {
margin-right:6px;
padding-right:9px;
border-right:1px solid; }

.entry .info em {
padding-right:6px;
font-style:normal; }

.entry .author,
.entry .editlink a {
margin:0;
padding:0 0 0 10px;
border-left:1px solid;
border-right:none; }

.entry #filedunder {
clear:both;
padding:3px 0 0 0;
font-size:0.9em;
border-top:1px solid; }

/* mini-entry */
.minientry {
position:relative;
margin:0px 0 35px 0;
padding:10px 0;
border-top:1px dotted;
border-bottom:1px dotted; }

.minientry p {padding:0;}

.minientry .commentlink {
margin-left:3px;
padding-right:7px;
border-right:1px solid;
font-size:0.9em; }

.minientry .permalink {
margin-left:3px;
font-size:0.9em;
font-style:normal; }

.minientry .author,
.minientry .editlink a {
margin-left:6px;
padding:0 8px 0 10px;
border-left:1px solid;
font-size:0.9em;
font-style:normal; }

.minientry .editlink a {margin:0;}

/* comments */
#comments h2 {margin-bottom:24px;}

#comments h2 a {
margin-left:2px;
padding-left:6px;
border-left:1px solid;
font-family:Arial,Helvetica,sans-serif;
font-size:0.55em; }

#comments ul {margin:0 0 0 20px;}

#comments li {
position:relative;
margin-bottom:18px; }

#comments li p {padding:0 0 10px 0;}

#comments .header {
position:relative;
min-height:19px; /* 19 + 3 +3 = 25px = height of gravatar */
margin:0 0 10px 0;
padding:3px 6px; }

* html #comments .header {height:19px;} /* IEWin */

#comments .header strong {font-family:Georgia,sans-serif;}

#comments .header .gravatar {
position:absolute;
top:1px;
right:1px; }

/* form */
form {padding:6px 0;}

#commentform, #contactform {margin-bottom:18px;}

form fieldset {border:0 solid;} /* Opera */

form p {
padding:6px 0;
border-bottom:1px solid; }

form label {
display:block;
float:left;
width:60px; }

#commentform label {margin:0 15px 0 15px;}
#contactform label {margin:0 15px 0 0;}

form em {
margin-left:5px;
font-size:0.9em;
font-style:normal; }

form input, form textarea {
padding:3px;
width:200px;
border:1px solid;
font-family:Arial,Helvetica,sans-serif;
font-size:0.9em; }

form textarea {overflow:auto;}

#commentform input {width:200px;}
#commentform textarea {width:325px;}
#contactform textarea, #contactform #bx_subject {width:465px;}

* html #commentform textarea {width:320px;} /* IE WIN; but why? */
* html #contactform textarea,
* html #contactform #bx_subject {width:445px;} /* IE WIN; but why? */

form .button {
width:90px !important;
border-bottom:1px solid;
font-weight:bold; }

#commentform .button {margin-left:90px;}
#contactform .button {margin-left:75px;}

form .hiddenfield {display:none;}

form .info {padding-left:90px;}

/* archives */
.archive .postspermonth {
margin:0;
list-style:none; }

/* content misc */
.next a {float:right;}
.previous a {float:left;}

#entrynavigation {
overflow: auto;
height:1%;
margin-bottom:13px;
padding-bottom:13px;
border-bottom:1px solid;
font-size:0.9em; }

/* subcontent */
#subcontent {
float:right;
width:20%;
padding:15px 10px 0px 15px;
font-size:0.9em;
line-height:1.5em; }

* html #subcontent {padding-top:32px;} /* dirty fix for IEWIN; temporary! */

#subcontent ul, #subcontent p {margin:0 10px;}

/* subcontent headings */
#subcontent h2 {
margin:18px 0 10px 0;
font-family:Georgia,serif;
font-size:1em;
line-height:1em; }

#subcontent h2 em {
display:block;
padding:5px 10px;
font-style:normal; }

/* subcontent list */
#subcontent ul li {
margin:2px 0 2px 18px;
padding-bottom:2px;
border-bottom:1px solid; }

#subcontent li a {
display:block;
padding:1px 0;
height:1%; /* IE WIN */ }

#subcontent ul.categories li ul {margin:0;}

#subcontent ul.categories li li {
margin:0;
padding:0 0 3px 0;
border-bottom:none; }

#subcontent ul.categories li ul ul {margin:0 0 0 16px;}

#subcontent img.link, #subcontent form, #subcontent script {
margin:2px 0 2px 18px;
padding-bottom:2px;
border: 0px; }

/* Subcontent of image links, forms, scripts
to padd images on the left so they line up correctly */

#subcontent #f
{ width:auto; border: 0px; margin-left: -15px; margin-top: -15px; }

#subcontent .f
{ width:auto; border: 0px; }

/* calendar */
#wp-calendar {
display:inline-table;
border-collapse:collapse;
width:18%;
margin:0px 10px 0 10px;
text-align:center; }

#subcontent table caption {
margin:-5px 10px 0 10px;
padding-bottom:5px;
border-bottom:1px solid;
letter-spacing:0.1em; }

#subcontent table thead tr {border-bottom:1px solid;}

#subcontent table th {border-bottom:1px solid;}

#subcontent table td {
width:200px;
padding:1px;
font-size:0.9em; }

#subcontent table td#today {
padding:0;
border:1px solid;
font-size:1em;
font-weight:bold; }

#subcontent table td a {
display:block;
border-bottom:1px solid;
font-weight:bold;
font-size:1.15em; }

#subcontent table tfoot {border-top:1px solid;}

#subcontent table tfoot a {
border:none;
font-weight:bold; }

#subcontent table tfoot #prev a {text-align:left;}
#subcontent table tfoot #next a {text-align:right;}

/* footer */
#footer {
clear:both;
padding:40px 0 15px 0;
font-size:0.9em; }

.singlecol #footer {
padding:25px 0 15px 0; }

#footer p {
padding:12px 0 18px 0;
border-top:1px solid; }

#footer strong {font-weight:normal;}

.singlecol #footer p {
padding:12px 70px 18px 70px; }