I'm a CSS retard

[sdkramer]

gonna try this again.

Okay I've got this login form in a div box menu with two links that take up half the width of said div box menu. Below is the CSS and code, but what I get is the box (border 1px solid black) stopping just before the halfmenuentry links. I'd like them in the box. Is there some sort of inheritance thing I'm not understanding?

Thanks,

Seth

form 					{
							margin: 0px;
							padding: 0px;
						}
div.menu				{
							font-size: 10px;
							text-align: right;
							width:120px;
							border: 1px solid black;
						}
h4.menutitle			{
							text-align: left;
							margin: 0;
							color:#CCCCCC;
							text-transform:lowercase;
							width:120px;
							background-color:#666600;
							border-bottom: 1px solid black;
							font-size:11px;
						}
div.menuentry			{ 
							margin: .33em 0 0 0;
							width:120px;
							font-weight:bold;
						}
div.halfmenuentry			{ 
							margin: .33em 0 0 0;
							width:60px;
							font-weight:bold;
						}
div.menuentry a		{
							text-decoration: none;
							color:#006600;
							display: block;
							padding: 1px;
						}
div.menuentry a:hover	{
							background-color:#999999;
						}
div.halfmenuentry a		{
							text-decoration: none;
							color:#006600;
							display: block;
							padding: 1px;
						}
div.halfmenuentry a:hover	{
							background-color:#999999;
						}

<div class="menu">
<h4 class="menutitle">Login</h4>
<form action="" method="post">
u:<input style="width: 7em; border-style: solid; border-width: 1px;" type="text" name="webuserlogin" value="" />
p:<input style="width: 7em; border-style: solid; border-width: 1px;" type="password" name="password" value="" />
store: <input type="checkbox" name="remember" /> <input style="border-style: solid; border-width: 1px;" type="submit" name="loginsubmit" value=".go" />
  <div class="halfmenuentry" style="float: left; text-align: left;"><a href="newuser.php">new</a></div>
  <div class="halfmenuentry" style="float: right;"><a href="forgot.php">forgot</a></div>
</form>
</div>

[sdkramer]

Interesting fact: If I put a non-breaking space (&nbsp in after the </form> then it behaves appropriately...Say what?

[mairving]

I edited your post since it didn't show the </form> tag.

I am not understanding why you are using inline styles along with an external stylesheet. It is just not good practice. I am also not sure exactly what kind of look you want to achieve.