when I view this page in Window IE:

http://www.duoeurojapanese.com/test/pgcatering.html

The form is not contained in the outside "container".
How do I make the form "overflow" like the text on right side/

Please help. thanks.



the css for this page is:

@import "main.css";

#container {
margin: 0px;
padding: 0px;
width: 740px;
display: block;
}

#formarea {
width: 223px;
background-image: url(../images/bg_question.jpg);
background-repeat: no-repeat;
background-attachment: inherit;
margin: 0px;
padding: 0px;
text-align: left;
float: left;
clear: both;
height: 650px;
border: #789931 thin solid;
}

#catering {
font-family:Verdana, Arial, Helvetica, sans-serif;
color: #F8DECD;;
font-size: 1.1em;
width: 480px;
display: inline-block;
margin-right: 20px;
padding: 0px;
text-align: left;
float: right;
}

#catering ul {
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 1em;
color: #F8DECD;
line-height: 16pt;
margin-top: 10px;
}

#catering ul li {
padding-left: 0px;
list-style: circle;
list-style-position: inside;
}

#catering .extra {
margin-top: -5px;
margin-left: 10px;
display: block;
}

h4 {
margin-top: 30px;
margin-bottom: 20px;
color: #ffffff;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 1.3em;
text-align: center;
}

/* fieldset styling */
#formarea fieldset {
margin: 0; /*  space out the fieldsets a little*/
padding: 0;
border: none;
left: 20px;
top: 10px;
display: inline;
position: relative;
z-index: 0;
}

/* legend styling */
#formarea legend {
font-weight: bold;
}

/* style for  labels */
#formarea label {
font-size: 1.1em;
text-align: left;
width: 100%;
top: 10px;
position: relative;
}

#formarea input {
width: 170px;
position: relative;
top: 3px;
left: 3px;
}

#formarea textarea {
width: 170px;
position: relative;
top: 10px;
left: 3px;
}

#formarea input.submit, #formarea input.reset {
width: 100px;
position: relative;
left: 77px;
top: 10px;
}


--Jeff
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to