I have a navigation menu that extends down almost 1/2 of the page. However, when loading tables or other data that start past this point, the items shift over beneath the navigation menu instead of start in line with the items next to the margin. Is there anyway to repeat the margin without doing <br> in the .css code? .Css is pasted below:
*{
list-style:none;
margin:1px;
padding:0px;
border-size: 1px;
}
#menu {
width: 200px;
float: left;
border-size: 1px;
margin-right: 2em;
}
#menu li a {
height: 32px;
voice-family: "\"}\"";
voice-family: inherit;
height: 24px;
font-weight: bold;
text-decoration: none;
font-size: 14px;
}
#menu li a:link, #menu li a:visited {
color: black;
font-family: helvetica;
display: block;
background: url(v3.JPG);
background-repeat:no-repeat;
padding: 8px 0 0 10px;
font-size: 14px;
}
#menu li a:hover {
color: #0e69be;
background: url(v3.JPG) 0 -32px;
background-repeat:no-repeat;
padding: 8px 0 0 10px;
border:1px solid #000000;
}
#menu li a:active {
color: #B40404;
background: url(v3.JPG) 0 -64px;
background-repeat:no-repeat;
padding: 8px 0 0 10px;
font-size: 14px;
}
p {
font-size: 12px;
font-family: times new roman;
color: #000000;
text-align: left;
margin: ;
}