I have been encountering an issue with certain elements on my webpage having a negative margin. It appears that when applying a negative margin, the browser renders a blank box over the desired content and covers other links on the page.
To demonstrate this issue, I have created a test case here where all buttons under the steps should be active: http://jsfiddle.net/xXsB8/1/
.stepInfo_left {
float:left;
margin-left: -100%;
display:none;
}
.stepLabel_left {
float: right;
/* the thing that changed */
margin-right:20px;
}
If anyone could assist me in aligning the links under the step on the left directly under the label more effectively, it would be greatly appreciated!