Hi guys... I need some help. I have a DIV block containing an image button (serves as a hyperlink) and behind the image button is a background image. This DIV block is centered in middle of the page using the margin: 0 auto; code. But because I want to make the button more outstanding...I tried placing ">>" and "<<" text to the left and right side of the DIV block to direct the prospects' attention to the button, but it simply stacks up the text on top and below the DIV block. Here's the html code. >><div class="linkbuttonbg1"><a href="http://www.onlinemlmsystem.com/business"><img src="images/start.jpg" class="button3"/></a> </div><< Code (markup): The following is the CSS for the DIV block .linkbuttonbg1{ background-image:url('images/box3.jpg'); width: 340px; margin: 0 auto; height: 80px; } Code (markup): The next on is the CSS of the button itself .button3 { margin: 18px 23px 13px 27px; } Code (markup): You can see everything here...just scroll down to the bottom, where there are the buttons "Secure My 1st Free Month Now" and "I want to start right now" Please advice, and thanks in advance!
Looks like you forgot the link. Anyhow, the problem can be solved by putting the >> and << inside the div itself, or using a wrapper div on the whole thing and putting 0 auto on that instead of the one it's currently on.